@import url(https://fonts.googleapis.com/css?family=Noto + Sans + KR:100, 300, 400, 500, 700, 900&display=swap&subset=korean);
@import url(https://fonts.googleapis.com/css?family=Open + Sans);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:400);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:700);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:800);
@import url(https://fonts.googleapis.com/css?family=Roboto);
#skip {
    position: absolute;
    left: 0;
    top: 0;
}
#skip a {
    position: absolute;
    left: -999em;
    top: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
}
#skip a:active,
#skip a:focus {
    position: relative;
    left: 0;
    z-index: 999;
    padding: 10px;
    border: 1px dotted #ffb4db;
}
.select-wrap {
    padding: 0;
    margin: 0;
    border: 1px solid #dbdbdb;
    position: relative;
    height: 38px;
    overflow: hidden;
    display: inline-block;
}
.select-wrap select {
    border-radius: 0;
    color: #333;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.select-wrap select.select_box {
    border: none;
    width: 100%;
    width: 120% \0 / IE89;
    padding: 7px 0 7px 10px;
    background-color: #fff;
}
.select-wrap select.select_box::-ms-expand {
    display: none;
}
.select-wrap select::-ms-expand {
    display: none;
}
.select-wrap .fa {
    display: block;
    line-height: 10px;
    position: absolute;
    width: 26px;
    text-align: center;
    height: 10px;
    font-size: 24px;
    right: 1px;
    top: 50%;
    overflow: hidden;
    margin-top: -5px;
    z-index: 2;
    color: #000;
    background-color: transparent;
}
.phone-number-wrap {
    width: 100%;
    overflow: hidden;
}
.phone-number-wrap .select-wrap,
.phone-number-wrap input[type="text"],
.phone-number-wrap span.phone-hyphen {
    float: left;
}
.phone-number-wrap span.phone-hyphen {
    padding: 0 10px;
    line-height: 38px;
    margin: 5px 0;
}
.phone-number-wrap input[type="text"] {
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
.phone-number-wrap .w170 {
    width: 170px;
}
@font-face {
    font-family: "Rix Gothic";
    src: local("RixGothicB"), local("RixGothicB"), url(/common/fonts/eot/RixGothicB.eot), url(/common/fonts/eot/RixGothicB?#iefix) format("embedded-opentype"), url(/common/fonts/woff/RixGothicB.woff) format("woff"),
    url(/common/fonts/otf/RixGothicB.otf) format("opentype");
}
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}
.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
}
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    -o-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s top;
    -webkit-transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top;
    -webkit-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    -o-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s left;
    -webkit-transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left;
    -webkit-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    -o-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s right;
    -webkit-transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right;
    -webkit-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
@font-face {
    font-family: FontAwesome;
    src: url(/common/fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0);
    src: url(/common/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(/common/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),
    url(/common/fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(/common/fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),
    url(/common/fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eee;
    border-radius: 0.1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: 0.3em;
}
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-cog:before,
.fa-gear:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-cogs:before,
.fa-gears:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc";
}
.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd";
}
.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150";
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151";
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152";
}
.fa-eur:before,
.fa-euro:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-inr:before,
.fa-rupee:before {
    content: "\f156";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158";
}
.fa-krw:before,
.fa-won:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5";
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6";
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-empire:before,
.fa-ge:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8";
}
.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before,
.fa-genderless:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-cart-arrow-down:before {
    content: "\f218";
}
.fa-diamond:before {
    content: "\f219";
}
.fa-ship:before {
    content: "\f21a";
}
.fa-user-secret:before {
    content: "\f21b";
}
.fa-motorcycle:before {
    content: "\f21c";
}
.fa-street-view:before {
    content: "\f21d";
}
.fa-heartbeat:before {
    content: "\f21e";
}
.fa-venus:before {
    content: "\f221";
}
.fa-mars:before {
    content: "\f222";
}
.fa-mercury:before {
    content: "\f223";
}
.fa-transgender:before {
    content: "\f224";
}
.fa-transgender-alt:before {
    content: "\f225";
}
.fa-venus-double:before {
    content: "\f226";
}
.fa-mars-double:before {
    content: "\f227";
}
.fa-venus-mars:before {
    content: "\f228";
}
.fa-mars-stroke:before {
    content: "\f229";
}
.fa-mars-stroke-v:before {
    content: "\f22a";
}
.fa-mars-stroke-h:before {
    content: "\f22b";
}
.fa-neuter:before {
    content: "\f22c";
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-server:before {
    content: "\f233";
}
.fa-user-plus:before {
    content: "\f234";
}
.fa-user-times:before {
    content: "\f235";
}
.fa-bed:before,
.fa-hotel:before {
    content: "\f236";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-train:before {
    content: "\f238";
}
.fa-subway:before {
    content: "\f239";
}
.fa-medium:before {
    content: "\f23a";
}
@font-face {
    font-family: digital-7;
    src: url(/common/fonts/ttf/digital-7.ttf) format("TrueType");
}
::-moz-selection {
    color: #000;
    background: rgba(62, 212, 234, 0.3);
}
::selection {
    color: #000;
    background: rgba(62, 212, 234, 0.3);
}
.rbt {
    font-family: Roboto;
}
.noto {
    font-family: "Noto Sans KR", sans-serif;
}
.opensans {
    font-family: "Open Sans", sans-serif;
}
.rixg {
    font-family: "Rix Gothic", sans-serif;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 0.75em;
    -webkit-text-size-adjust: none;
    position: relative;
    font-family: "Noto Sans KR", sans-serif;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
a:focus {
    outline: 0;
}
img {
    border: none;
}
.sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
.cf:after {
    content: "";
    display: block;
    clear: both;
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.disnone {
    display: none;
}
caption {
    display: none;
}
#pop-ie-alert.pop-layer {
    display: none;
    position: fixed;
    z-index: 210;
    top: 0;
    width: 0;
    height: 100%;
}
#pop-ie-alert.pop-layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #000;
    opacity: 0.8;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position {
    position: relative;
    width: 100%;
    height: 100%;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position .pop-layer-innner {
    position: absolute;
    width: 0;
    height: 350px;
    top: 50%;
    margin-left: -160px;
    left: 50%;
    margin-top: -175px;
    overflow: hidden;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position .pop-layer-innner .pop-content {
    position: relative;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position .pop-layer-innner .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 30px;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position .pop-layer-innner .ie-down-btn {
    position: absolute;
    display: block;
    width: 150px;
    left: 20px;
    bottom: 35px;
    color: transparent;
    text-align: center;
    padding: 10px 0;
    background-color: transparent;
}
#pop-ie-alert.pop-layer .pop-layer-innner-position .pop-layer-innner .chrome-down-btn {
    position: absolute;
    display: block;
    width: 150px;
    left: 180px;
    bottom: 35px;
    color: transparent;
    text-align: center;
    padding: 10px 0;
    background-color: transparent;
}
.req::after {
    content: "*";
    color: #e86a53;
}
#evenB {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.eventBS {
    width: 1380px;
    margin: 0 auto;
    position: relative;
}
.eventBanner {
    position: fixed;
    margin-top: 90px;
    top: 450px;
    left: 50%;
    z-index: 100;
    -webkit-animation: upndown 2s ease-in-out 0s infinite;
    animation: upndown 2s ease-in-out 0s infinite;
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    margin-left: 600px;
}
body.close .eventBanner {
    margin-left: 525px;
}
#evenB2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.eventBS2 {
    width: 1380px;
    margin: 0 auto;
    position: relative;
}
.eventBanner2 {
    position: absolute;
    margin-top: 70px;
    top: 450px;
    left: 50%;
    width: 1050px;
    height: 210px;
    z-index: 100;
    -webkit-animation: upndown 2s ease-in-out 0s infinite;
    animation: upndown 2s ease-in-out 0s infinite;
    margin-left: 525px;
}
@-webkit-keyframes upndown {
    0% {
        top: 250px;
    }
    75% {
        top: 255px;
    }
    100% {
        top: 250px;
    }
}
@keyframes upndown {
    0% {
        top: 250px;
    }
    75% {
        top: 255px;
    }
    100% {
        top: 250px;
    }
}
.eventDeco {
    position: absolute;
    top: 0;
    right: -60px;
}
#wrap {
    width: 100%;
    min-width: 1100px;
    overflow-x: hidden;
}
#header {
    width: 100%;
    height: 147px;
    background: #34343d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: 0 1px 3px #292627;
    box-shadow: 0 1px 3px #292627;
    z-index: 101;
}
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header.fixed + #content #content1,
#header.fixed + .cm-quick + #content #content1 {
    background-color: #35353e;
}
#header.fixed + #content #container,
#header.fixed + .cm-quick + #content #container {
    margin-top: 147px;
}
#TopBanner > div,
#content,
#footer,
#footerGnb,
#header,
.cm-quick .cm-quick-wrap {
    -webkit-transform: translate3d(82px, 0, 0);
    transform: translate3d(82px, 0, 0);
    -webkit-transition: all 0.4s 0.4s ease;
    -o-transition: all 0.4s 0.4s ease;
    transition: all 0.4s 0.4s ease;
}
#TopBanner > div.close,
.close + #header,
.close + #header + #content,
.close + #header + #content + #footerGnb,
.close + #header + #content + #footerGnb + #footer,
.close + #header + .cm-quick .cm-quick-wrap,
.close + #header + .cm-quick + #content,
.close + #header + .cm-quick + #content + #footerGnb,
.close + #header + .cm-quick + #content + #footerGnb + #footer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}
body.close #content,
body.close #footer,
body.close #footerGnb {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}
#content {
    width: 100%;
    position: relative;
    min-height: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#footer {
    width: 100%;
    background-color: #191919;
    background: #27272e;
}
#footer2 {
    width: 100%;
    background-color: #e86a53;
    text-align: center;
}
#footer2 a {
    font-size: 30px;
    color: #fff;
    height: 100px;
    height: 200px;
}
#TopBanner {
    width: 100%;
    display: none;
    overflow: hidden;
    position: relative;
    min-width: 1100px;
}
#TopBanner .top-inner {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    min-width: 1100px;
}
#TopBanner .tBClose {
    position: absolute;
    top: 15px;
    right: 100px;
    text-shadow: 1px 1px 1px #000;
}
#TopBanner .tBClose span {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
}
#TopBanner .tBClose span i {
    font-size: 16px;
    vertical-align: text-bottom;
    margin-left: 5px;
}
#headerBox {
    width: 1050px;
    padding: 0 25px;
    margin: 0 auto;
}
#gnb {
    height: 26px;
    position: relative;
}
.campus {
    height: 26px;
    background-color: #27272e;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 6px 0;
}
.campus ul {
    width: 1050px;
    margin: 0 auto;
}
.campus li {
    float: left;
    margin: 0 3px;
}
.campus li a img {
    vertical-align: middle;
}
.campus li a:hover,
.campus li.on {
    color: #fff;
    background-color: #3da4ba;
    border-radius: 20px;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.campus li a:hover > a,
.campus li.on > a {
    color: #fff;
}
.campus li a {
    display: block;
    font-family: MalgunGothic, "Apple SD Gothic Neo", sans-serif;
    font-size: 13px;
    color: #969698;
    height: 25px;
    line-height: 23px;
    padding: 0 8px;
    text-transform: uppercase;
}
.campus li a > i {
    font-size: 17px;
    vertical-align: top;
    margin-top: 4px;
    line-height: 1;
}
.memBox {
    position: absolute;
    top: 50px;
    right: 0;
}
.memBox a {
    font-size: 13px;
    font-family: MalgunGothic, "Apple SD Gothic Neo", sans-serif;
    color: #bdbdbd;
    padding: 0 8px;
    position: relative;
}
.memBox a + a:after {
    content: "|";
    position: absolute;
    left: -4px;
    font-weight: 400;
}
.memBox a + a:hover:after {
    font-weight: 400;
}
.memBox a:hover {
    color: #e7e7e7;
    font-weight: 700;
}
#header-logo {
    overflow: hidden;
    height: 63px;
    position: relative;
    border-bottom: 1px solid #27272e;
    padding-bottom: 19px;
}
#header-logo .authentication-emblem {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: 0 -65px;
    width: 234px;
    height: 59px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 18px;
}
#header-logo h1 {
    width: 315px;
    margin: 20px auto 0;
}
#header-logo h1 a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: 0 0;
    width: 315px;
    height: 45px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#header-logo .previewT-wrap {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 0 8px;
    overflow: hidden;
    height: 25px;
    width: 180px;
}
#header-logo .previewT {
    width: 180px;
}
#header-logo .previewT p {
    color: #e97965;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    background-color: #34343d;
    font-family: MalgunGothic, "Apple SD Gothic Neo", sans-serif;
    text-align: right;
    width: 180px;
    overflow: hidden;
    margin-right: 10px;
}
#header-logo .previewT span {
    font-size: 12px;
    color: #e1e1e1;
    margin-right: 5px;
    font-weight: 400;
    font-family: MalgunGothic, "Apple SD Gothic Neo", sans-serif;
}
#siteLInk {
    float: left;
    height: 42px;
    margin-left: 18px;
}
#siteLInk li {
    float: left;
    width: 110px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #9e9e9e;
    margin: 9px 2px;
    text-align: center;
}
#siteLInk li a {
    display: block;
    font-size: 13px;
    color: #f2f2f2;
}
#siteLInk li:hover a {
    background-color: #191919;
}
#siteLInk li.on a {
    background-color: #191919;
}
#nav {
    height: 37px;
    overflow: hidden;
    border-top: 1px solid #404048;
    z-index: 501;
}
#nav > ul {
    float: left;
    width: 100%;
}
#nav > ul > li {
    float: left;
    padding-left: 24px;
}
#nav > ul > li > a {
    display: block;
    padding: 8px 2px 0 2px;
    font-size: 15px;
    color: #fefefe;
    letter-spacing: -0.05em;
    height: 38px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#nav > ul > li > a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #71c4d4;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
#nav > ul > li:first-child {
    padding-left: 0;
}
#nav > ul > li > a.on::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#nav > ul > li:hover > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    position: relative;
    height: 38px;
}
#nav > ul > li:hover > a::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.sNav {
    position: absolute;
    top: 147px;
    left: 0;
    width: 100%;
    display: none;
    background-color: #fff;
    z-index: 500;
    -webkit-box-shadow: 0 1px 3px #292627;
    box-shadow: 0 1px 3px #292627;
}
.sNav > div {
    width: 1050px;
    display: block;
    margin: 0 auto;
    background-color: #fff;
}
.sNav ul {
    float: left;
    width: 504px;
    padding-right: 20px;
}
.sNav ul + ul {
    width: 505px;
    padding-left: 20px;
    padding-right: 0;
    border-right: 0;
}
.sNav strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    letter-spacing: -0.6px;
}
.sNav strong > i {
    font-size: 22px;
    margin-right: 3px;
}
.sNav li {
    display: inline-block;
    margin-right: 20px;
    width: 230px;
    margin-bottom: 3px;
}
.sNav li a {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.6px;
    font-family: MalgunGothic, "Apple SD Gothic Neo", sans-serif;
}
.sNav li a:hover {
    text-decoration: none;
    color: #666;
}
.sNav1 {
    position: relative;
    padding: 30px 0 30px 0;
}
.sNav1 > a {
    margin: 0 0 30px 0;
    display: block;
}
.sNav1 > a > img {
    margin: 0 0 30px 0;
    display: block;
}
.leftOpen {
    position: fixed;
    top: 94px;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(-26px, 0, 0);
    transform: translate3d(-26px, 0, 0);
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.leftOpen a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -404px -103px;
    width: 26px;
    height: 44px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftOpen.open {
    opacity: 1;
    z-index: 999;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s 0.4s ease;
    -o-transition: all 0.3s 0.4s ease;
    transition: all 0.3s 0.4s ease;
}
#leftMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
    z-index: 200;
    background-color: #27272e;
    border-right: 4px solid rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    -webkit-transition: all 0.4s 0.4s ease;
    -o-transition: all 0.4s 0.4s ease;
    transition: all 0.4s 0.4s ease;
}
#leftMenu.close {
    -webkit-transform: translate3d(-160px, 0, 0);
    transform: translate3d(-160px, 0, 0);
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}
#leftMenu.fixed {
    position: fixed;
}
#leftMenu .mCSB_scrollTools .mCSB_draggerContainer {
    left: 0x;
}
#leftMenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #00c8d4;
    width: 3px;
}
#leftMenu .mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0;
}
#leftMenu .mCSB_scrollTools {
    width: 10px;
}
#leftMenu .mCSB_outside + .mCSB_scrollTools {
    right: -10px;
}
#leftMenu .mCSB_scrollTools .mCSB_dragger {
    width: 10px;
    right: 4px;
}
.leftTopBox {
    width: 160px;
}
.leftTopBox img {
    display: block;
    margin-bottom: 15px;
}
.leftTopBox > a {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: 700;
    margin-left: 20px;
    padding-left: 12px;
    margin-bottom: 8px;
}
.leftTopBox .lLogo {
    padding-top: 25px;
    text-align: center;
}
.leftTopBox .lLogo .ezen {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px 0;
    width: 124px;
    height: 58px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftTopBox .lLogo .brand-banner {
    margin: 17px 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: 0 -144px;
    width: 112px;
    height: 123px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftTopBox .lLogo .left_text_box {
    position: relative;
    font-family: dotum;
    font-size: 11px;
    color: #b5b5b5;
    margin: 0 0 33px 14px;
    letter-spacing: -1px;
    padding-left: 27px;
    text-align: left;
}
.leftTopBox .lLogo .left_text_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -419px -172px;
    width: 22px;
    height: 38px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftTopBox .lLogo img {
    margin-left: 18.5px;
    margin-bottom: 36px;
}
.leftTopBox .lLogo span {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.leftTopBox .lLogo strong {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.lB1 {
    background: url(/images/common/login_bg.gif) no-repeat 0 4px;
}
.lB2 {
    background: url(/images/common/member_join_bg.gif) no-repeat 0 4px;
}
.leftTopBox .logout {
    position: absolute;
    top: 148px;
    right: 20px;
    display: none;
}
.lMclose {
    position: absolute;
    top: 14px;
    right: 8px;
    z-index: 100;
}
.lMclose a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -423px -230px;
    width: 9px;
    height: 9px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftNav > ul > li {
    border-top: 1px solid #393943;
    background-color: #464650;
}
.leftNav > ul > li.clpink > a {
    color: #e5745f;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 9px 5px 9px 9px;
    white-space: nowrap;
    letter-spacing: -0.5px;
}
.leftNav > ul > li.clpink > a > i {
    margin-right: 3px;
}
.leftNav > ul > li.clpink > a:hover {
    color: #fff;
}
.leftNav > ul > li:nth-child(4).on {
    background-color: #28292e;
}
.leftNav > ul > li .on {
    background-color: #28292e;
}
.leftNav > ul > li.item.on {
    background-color: #27282d;
}
.leftNav > ul > li.item.on > a {
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.leftNav > ul > li.item.on > a:before {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -282px -65px;
    width: 8px;
    height: 7px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftNav > ul > li.item.on .on + ul {
    background-color: #27292d;
}
.leftNav > ul > li.item > a:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 16px;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -254px -65px;
    width: 8px;
    height: 7px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.leftNav > ul > li > a {
    display: block;
    font-size: 14px;
    color: #c6c6ce;
    padding: 9px 9px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
.leftNav > ul > li > a:hover {
    color: #fff;
}
.leftNav > ul > li ul {
    display: none;
}
.leftNav > ul > li ul li {
    padding: 5px 0 5px 20px;
}
.leftNav > ul > li ul li.on,
.leftNav > ul > li ul li:hover {
    background: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.leftNav > ul > li ul li.new {
    background: url(/images/common/new.png) no-repeat 8px 2px;
}
.leftNav > ul > li ul li a {
    font-size: 12px;
    color: #fff;
    font-family: dotum;
}
.leftNav > ul > li ul li a.on,
.leftNav > ul > li ul li a:hover {
    color: #fff;
}
.left_banner {
    width: 139px;
    margin: 0 auto;
}
.left_banner li {
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #444;
    border-top: 1px solid #1a1a20;
}
.left_banner li:first-child {
    border-top: 0;
}
.left_banner li:last-child {
    border-bottom: 0;
    margin-bottom: 30px;
}
.left_banner .online-brochure {
    margin-top: 32px;
}
.left_banner .online-brochure a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: 0 -363px;
    width: 139px;
    height: 56px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.left_banner .nth1 a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: 0 -287px;
    width: 139px;
    height: 56px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.left_banner .nth2 a {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -159px -287px;
    width: 139px;
    height: 56px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
@-webkit-keyframes upndownMargin {
    0% {
        margin-top: 0;
    }
    75% {
        margin-top: 5px;
    }
    100% {
        margin-top: 0;
    }
}
@keyframes upndownMargin {
    0% {
        margin-top: 0;
    }
    75% {
        margin-top: 5px;
    }
    100% {
        margin-top: 0;
    }
}
#page-login #content,
#page-login #footer,
#page-login #footerGnb,
#page-login #header,
#page-member #content,
#page-member #footer,
#page-member #footerGnb,
#page-member #header {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#page-login #memberLogin,
#page-member #memberLogin {
    padding-top: 30px;
}
#page-login #content,
#page-member #content {
    min-height: 850px;
}
#quickMenu {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}
#quickMenu li:last-child a {
    height: 20px;
    line-height: 20px;
}
.quick {
    position: absolute;
    top: 160px;
    z-index: 10;
    width: 90px;
    text-align: center;
    margin-left: 425px;
    left: 50%;
}
.cm-quick-wrap.stop .webQuick-inner {
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.1s 0s ease;
    -o-transition: all 0.1s 0s ease;
    transition: all 0.1s 0s ease;
}
.quick span {
    display: block;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
}
.quick span + span {
    border-top: 1px solid #c3c3c3;
}
.quick a {
    display: block;
    font-family: "Open Sans", sans-serif;
    color: #333;
    background-color: #fff;
    line-height: 60px;
}
.quick span a:hover {
    background-color: #303030;
    color: #d0d0d0;
}
.quick span.on a {
    background-color: #303030;
    color: #d0d0d0;
}
.quick img {
    display: block;
}
.quick div.banner {
    position: absolute;
    right: -37px;
    top: 205px;
}
.quick div.banner_close {
    position: absolute;
    right: -30px;
    top: 213px;
    cursor: pointer;
}
#content1 {
    width: 100%;
    height: 523px;
    position: relative;
    z-index: 10;
}
.mainRolling {
    width: 100%;
    height: 465px;
    position: relative;
    overflow: hidden;
}
.visualR {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 465px;
    background-repeat: no-repeat;
    background-position: center center;
}
.visualR + .visualR {
    display: none;
}
.visualR > a {
    display: block;
    width: 1050px;
    margin: 0 auto;
}
.visualR img {
    display: block;
    margin: 0 auto;
}
.cont1BotBg {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 60px;
    overflow: hidden;
    z-index: 1;
}
.cont1BotSBg {
    width: 1050px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}
.cont1Bot {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 60px;
    z-index: 1;
}
.cont1BotS {
    width: 1050px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}
.cont1BotS > div {
    float: left;
}
.cont1BotBox2 {
    width: 542px;
    height: 59px;
    border-left: 1px solid #6abdcf;
    overflow: hidden;
    position: relative;
    background-color: #52bbd0;
    border-bottom: 1px solid #44b4cb;
}
.cont1BotBox2S {
    width: 542px;
    height: 60px;
    position: relative;
    padding-left: 116px;
}
.cont1BotBox2S > strong {
    display: block;
    width: 116px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.5px;
    text-indent: 20px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}
.cont1BotBox2S > strong::after {
    content: "";
    position: absolute;
    right: 0;
    top: 29px;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -450px -103px;
    width: 3px;
    height: 5px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.cont1BotBox2S a {
    display: block;
    font-size: 16px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    letter-spacing: -0.05em;
    text-indent: 10px;
}
.cont1BotBox2:hover .cont1BotBox2S {
    background-color: #398290;
}
.cont1BotBox4 {
    background-color: #ea7864;
}
.cont1BotBox4 a {
    display: block;
    width: 232px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.5px;
    text-indent: 20px;
    position: relative;
}
.cont1BotBox4 a::after {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -335px -230px;
    width: 23px;
    height: 15px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 23px;
}
.cont1BotBox5 {
    width: 275px;
    height: 60px;
    position: relative;
    background-color: #212122;
}
.cont1BotBox5 strong {
    display: block;
    font-size: 18px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    padding-left: 20px;
    padding-top: 5px;
    line-height: 1.2;
}
.cont1BotBox5 strong a {
    color: #fff;
}
.cont1BotBox5 strong span {
    font-size: 13px;
    opacity: 0.7;
    padding-left: 5px;
    font-weight: 300;
}
.cont1BotBox5S {
    height: 60px;
    cursor: pointer;
    position: relative;
}
.cont1BotBox5S::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 25px;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -378px -230px;
    width: 25px;
    height: 11px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.cont1BotBox5S2 {
    width: 275px;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10;
    display: none;
}
.cont1BotBox5S2 li {
    height: 32.25px;
    background-color: #7dd3dd;
}
.cont1BotBox5S2 li + li {
    border-top: 1px solid #8de3ed;
}
.cont1BotBox5S2 li strong {
    color: #243739;
    font-weight: 600;
    line-height: 1.3;
}
.cont1BotBox5S2 li strong span {
    font-style: normal;
    font-size: 12px;
    color: #395356;
    font-weight: 400;
}
.cont1BotBox5S2 li strong a {
    color: #243739;
}
.cont1botBg1 {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 59px;
    background-color: #52bbd0;
    border-bottom: 1px solid #44b4cb;
}
.cont1botBg2 {
    position: absolute;
    top: 0;
    left: 1050px;
    width: 100%;
    height: 59px;
    background-color: #52bbd0;
    border-bottom: 1px solid #44b4cb;
}
#content2 {
    height: 666px;
    background-color: #70c4d4;
    overflow: hidden;
}
#portfolioM {
    width: 1050px;
    margin: 0 auto;
    height: auto;
    padding: 58px 0 100px;
    position: relative;
}
#portfolioM::after {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1058px 0;
    width: 102px;
    height: 357px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 70px;
}
#courseM h3,
#portfolioM h3 {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    padding-top: 5px;
    margin-bottom: 55px;
    width: 230px;
    border-top: 3px solid #fff;
}
#courseM h3 {
    margin-bottom: 15px;
}
.portMArea {
    width: 870px;
    height: 390px;
}
.portMLeftArrow {
    float: left;
}
.portMLeftArrow a {
    width: 50px;
    height: 390px;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
}
.portMLeftArrow a::before {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1093px -377px;
    width: 25px;
    height: 43px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 173px;
}
.portMLeftArrow img {
    display: none;
}
.portMBox {
    float: left;
    width: 770px;
    height: 390px;
    position: relative;
}
.portMBox > div {
    position: absolute;
    width: 565px;
    height: 330px;
    padding: 25px 20px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    top: 0;
    left: 80px;
    opacity: 0;
}
.portMBox > div img {
    display: block;
    width: 100%;
}
.portMBox > div .portMeffect {
    position: absolute;
    top: 0;
    left: 0;
    width: 609px;
    height: 390px;
    background-color: #000;
    opacity: 0.5;
}
.portMBox > div.before {
    left: 0;
    z-index: 3;
    top: 38px;
    width: 452px;
    height: 264px;
    opacity: 0.4;
}
.portMBox > div.after {
    top: 38px;
    left: 278px;
    width: 452px;
    height: 264px;
    padding: 25px 20px;
    z-index: 5;
    opacity: 0.4;
}
.portMBox > div.current {
    opacity: 1;
    padding: 30px 22px;
    z-index: 13;
    top: 0;
    left: 80px;
    width: 565px;
    height: 330px;
}
.portMBox > div.current .portMeffect {
    display: none;
}
.portMRightArrow {
    float: left;
}
.portMRightArrow a {
    display: block;
    padding-left: 25px;
    width: 25px;
    height: 390px;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
}
.portMRightArrow a::before {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1058px -502px;
    width: 25px;
    height: 43px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 173px;
}
.portMRightArrow img {
    display: none;
}
.portMText {
    width: 185px;
    position: absolute;
    top: 420px;
    right: 0;
}
.portMText .textBox {
    display: none;
}
.portMText .textBox.active {
    display: block;
}
.portMText .textBox strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
.portMText .textBox strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 80px;
    background-color: #d4edf2;
}
.portMText .textBox span {
    display: block;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.5px;
    font-weight: 300;
}
.portMText .textBox .portIco {
    margin-top: 7px;
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1093px -440px;
    width: 24px;
    height: 27px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.portMText .textBox .portIco > img {
    display: none;
}
#content3 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: url(/images/common/cont3_bg.png) repeat;
}
#teacherM {
    width: 1050px;
    height: 519px;
    margin: 0 auto;
    position: relative;
}
#teacherM .wrapping {
    height: 519px;
}
#teacherM .wrapping a {
    float: left;
}
#teacherM .bx-controls {
    position: absolute;
    z-index: -1;
    left: -999em;
    top: -999em;
}
.teacherSSMNum {
    width: 66px;
    margin-top: 160px;
    padding-top: 130px;
    position: absolute;
    text-align: right;
    right: -66px;
    top: 0;
    z-index: 100;
}
.teacherSSMNum::before {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1058px -377px;
    width: 15px;
    height: 105px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.teacherSSMNum .tMNum {
    width: 18px;
    height: 19px;
    margin-left: 48px;
    margin-bottom: 10px;
    cursor: pointer;
}
.teacherSSMNum .tMNum::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #cdcdcd;
    vertical-align: middle;
    position: relative;
    left: 0;
    top: -1px;
}
.teacherSSMNum .tMNum span {
    display: none;
    font-size: 14px;
    color: #191919;
    letter-spacing: 1px;
    font-weight: 700;
}
.teacherSSMNum .tMNum.active {
    width: 66px;
    background-position: 0 -2px;
    margin-left: 0;
}
.teacherSSMNum .tMNum.active::before {
    width: 40px;
    left: -9px;
    top: -2px;
    background-color: #000;
}
.teacherSSMNum .tMNum.active span {
    display: inline-block;
}
#content8 {
    background: #aaa;
    padding: 52px 0 64px 0;
    width: 100%;
    display: inline-block;
}
#new-special-course {
    width: 100%;
    padding: 60px 0 70px 0;
    display: inline-block;
}
#new-special-course .header {
    width: 1050px;
    margin: 0 auto 5px auto;
}
#new-special-course .header > h3 {
    color: #000;
    font-size: 25px;
}
#new-special-course .slider-content-btn-wrap {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
}
#new-special-course .slider-content-btn-wrap .slider-content-btn {
    text-align: center;
    overflow: hidden;
    width: 1050px;
    margin: 0 auto;
    position: relative;
}
#new-special-course .slider-content-btn-wrap .slider-content-btn > li {
    float: left;
    margin-right: 64px;
    width: auto;
    height: auto;
    display: block;
    opacity: 1;
}
#new-special-course .slider-content-btn > li > button {
    position: relative;
    border: none;
    background-color: #fff;
    color: #666;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 300;
    font-family: "Noto Sans KR", sans-serif;
}
#new-special-course .slider-content-btn > li > button:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    background: #000;
    left: 0;
    bottom: 0;
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
#new-special-course .slider-content-btn > li > button:active,
#new-special-course .slider-content-btn > li > button:focus {
    outline: 0;
    border: 0;
}
#new-special-course .slider-content-btn > li.active > button {
    font-weight: 600;
    color: #000;
    font-size: 18px;
    padding: 10px 0 10px 0;
}
#new-special-course .slider-content-btn > li.active > button:before {
    width: 100%;
    background: #000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#new-special-course .slider-content-btn > li.active > button:active,
#new-special-course .slider-content-btn > li.active > button:focus {
    outline: 0;
}
#new-special-course .slider-content-btn > li:last-child {
    margin-right: 0;
}
#new-special-course .swiper-container {
    overflow: inherit;
    padding: 0;
    width: 1125px;
}
#new-special-course .swiper-container .swiper-slide {
    opacity: 0.2;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active {
    opacity: 1;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .text-wrap {
    background: rgba(0, 0, 0, 0);
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 {
    color: #000;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:before:first-child {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:before:nth-of-type(2) {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:before:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:first-child {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg:nth-of-type(3) {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover .effect-text h4 > span.bg > span.text {
    color: #000;
    -webkit-transition: color 0.35s;
    -o-transition: color 0.35s;
    transition: color 0.35s;
}
#new-special-course .swiper-container .swiper-slide.swiper-slide-active .grid:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
#new-special-course .swiper-container .swiper-slide .grid {
    position: relative;
    list-style: none;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    width: 260px;
    height: 353px;
    background-color: #000;
}
#new-special-course .swiper-container .swiper-slide .grid a {
    color: inherit;
    display: block;
    height: 100%;
}
#new-special-course .swiper-container .swiper-slide .grid a figure {
    position: relative;
    float: left;
    overflow: hidden;
    cursor: pointer;
}
#new-special-course .swiper-container .swiper-slide .grid a figure img {
    max-width: none;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
#new-special-course .swiper-container .swiper-slide .grid a figure figcaption {
    display: none;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap {
    padding: 10px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #000;
    background: rgba(0, 0, 0, 0.35);
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap h5 {
    position: relative;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    font-family: "Noto Sans KR", sans-serif;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap:after,
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap:before {
    pointer-events: none;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 {
    display: inline-block;
    margin: 0 0 3px 0;
    font-weight: 400;
    padding: 2px;
    text-transform: none;
    letter-spacing: -1px;
    font-size: 21px;
    line-height: 1;
    z-index: 1;
    font-family: "Noto Sans KR", sans-serif;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    padding: 2px 0;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg:before {
    position: absolute;
    content: "";
    background-color: #fff;
    background-color: transparent \0 / IE89;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
    z-index: 1;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg:first-child:before {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg:nth-of-type(2):before {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg:nth-of-type(3):before {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
#new-special-course .swiper-container .swiper-slide .grid a .text-wrap .effect-text h4 > span.bg > span.text {
    display: block;
    position: relative;
    z-index: 2;
    color: #fff;
}
#courseM {
    width: 1050px;
    margin: 0 auto;
    position: relative;
    height: 470px;
}
#courseTab > ul > li {
    float: left;
    text-align: center;
    margin-left: 19px;
    line-height: 14px;
    letter-spacing: -0.25px;
    padding: 13px 0;
    width: 131px;
}
#courseTab ul li.on {
    background: url(/images/main/course_li_bg.jpg) repeat;
    border-radius: 7px;
}
#courseTab ul li.on a {
    color: #fff;
    font-weight: 500;
}
#courseTab ul li:first-child {
    margin-left: 0;
}
#courseTab ul li a {
    text-transform: uppercase;
    color: #666;
    font-size: 17px;
    font-weight: 500;
}
#courseTab ul li ul {
    display: none;
}
#courseTab ul li.on ul {
    display: block;
    position: absolute;
    width: 1050px;
    left: 0;
    margin-top: 30px;
}
#courseTab ul li.on ul li {
    float: left;
    margin-left: 18px;
}
#courseTab ul li.on ul li:first-child {
    margin-left: 0;
}
#courseTab ul li.on ul li a img {
    -webkit-box-shadow: 4px 4px 2px #5d5d5d;
    box-shadow: 4px 4px 2px #5d5d5d;
}
#courseContent {
    margin-top: 33px;
}
#content4 {
    width: 100%;
}
#rneM {
    width: 1050px;
    margin: 0 auto;
}
#dniM h3,
#rneM h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    padding-top: 5px;
    margin-top: 90px;
    margin-bottom: 30px;
    position: relative;
}
#dniM h3 strong,
#rneM h3 strong {
    font-size: 22px;
}
#dniM h3 span,
#rneM h3 span {
    font-size: 14px;
    color: #777;
    letter-spacing: -1px;
    padding-left: 20px;
    font-weight: 400;
}
#dniM h3::before,
#rneM h3::before {
    content: "";
    position: absolute;
    width: 230px;
    background-color: #000;
    display: block;
    height: 3px;
    left: 0;
    top: 0;
}
.rneMBox {
    width: 1050px;
}
.rneMBox .leftBox {
    float: left;
    width: 765px;
    height: 338px;
    border: 1px solid #e4e4e4;
}
.rneMBox .leftBox .lLeftBox {
    float: left;
    width: 450px;
    height: 338px;
    position: relative;
}
.rneMBox .leftBox .lLeftBox .textBox {
    position: absolute;
    right: 0;
    top: 188px;
    width: 148px;
    height: 150px;
}
.rneMBox .leftBox .lLeftBox .textBox h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    background: url(/images/common/cont4_title_bg.gif) no-repeat 0 bottom;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.rneMBox .leftBox .lLeftBox .textBox p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
}
.rneMBox .leftBox .lRightBox {
    float: left;
    width: 223px;
    padding: 0 45.5px;
    height: 338px;
    border-left: 1px solid #e4e4e4;
    font-size: 14px;
    color: #e4e4e4;
    font-weight: 300;
}
.rneMBox .leftBox .lRightBox h4 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 29px;
    margin-bottom: 15px;
}
.rneMBox .leftBox .lRightBox strong {
    display: block;
    font-size: 18px;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: 500;
}
.rneMBox .leftBox .lRightBox span {
    font-size: 14px;
    color: #777;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.rneMBox .leftBox .lRightBox img {
    display: block;
    border: 1px solid #e4e4e4;
    margin: 20px 0;
}
.rneMBox .leftBox .lRightBox p {
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
}
.rneMBox .rightBox {
    float: right;
    width: 243px;
    height: 340px;
    background-color: #4b4b4d;
}
.rneMBox .rightBox h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 30px;
    padding-left: 35px;
    margin-bottom: 15px;
}
.rneMBox .rightBox strong {
    padding-left: 35px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.7px;
    font-weight: 500;
}
.rneMBox .rightBox p {
    font-size: 13px;
    color: #ccc;
    letter-spacing: -0.7px;
    padding-left: 35px;
    font-weight: 300;
    margin-bottom: 30px;
}
.rneMBox .rightBox img {
    display: block;
    margin-left: 55px;
}
#content5 {
    width: 100%;
    margin-top: 100px;
}
#dniM {
    width: 1050px;
    margin: 0 auto;
}
.dniMList {
    width: 1050px;
    height: 100%;
}
.dniMList > ul > li {
    float: left;
    width: 300px;
    margin: 0 10px 40px 10px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 40px 10px 10px;
    position: relative;
}
.dniMList > ul > li > a > h4 {
    width: 200px;
    padding: 0 10px;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    display: block;
    position: absolute;
    top: -10px;
    text-align: center;
    left: 50%;
}
.dniMList > ul > li:hover > a > h4 {
    color: #7dd3dd;
}
.dniMList > ul > li > a > p {
    min-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    letter-spacing: -1px;
    font-weight: 300;
    padding-bottom: 40px;
}
#content6 {
    width: 100%;
    background: url(/images/common/border_hr_repeat.jpg) repeat-x 0 4px;
}
#contentBox6 {
    width: 1050px;
    padding: 40px 0 70px;
    margin: 0 auto;
}
#contentBox6 h3 {
    width: 671px;
    height: 57px;
    line-height: 57px;
    margin: 0 auto 40px;
    font-size: 25px;
    letter-spacing: -0.5px;
    background: url(/images/common/cont6_title_bg.png) no-repeat 0 0;
    text-align: center;
}
#contentBox6 .leftBox {
    float: left;
    width: 504px;
    padding-right: 20px;
    border-right: 1px solid #e4e4e4;
}
#contentBox6 .rightBox {
    float: left;
    width: 505px;
    padding-left: 20px;
}
#contentBox6 strong {
    display: block;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #333;
}
#contentBox6 p.p1 {
    font-size: 18px;
    color: #333;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 20px;
}
#contentBox6 p.p1 span {
    font-size: 18px;
    color: #e86a53;
}
#contentBox6 span {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
#contentBox6 p.p2 {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    margin-top: 5px;
    margin-bottom: 15px;
}
#contentBox6 p.p3 {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    margin-top: 5px;
    margin-bottom: 25px;
}
#contentBox6 p.p4 {
    font-size: 14px;
    color: #aaa;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}
#contentBox6 a {
    display: block;
    width: 230px;
    height: 50px;
    background-color: #191919;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
#content7 {
    width: 100%;
    background: url(/images/main/main_con7_bg.jpg) repeat;
    letter-spacing: -0.05em;
}
#contentBox7 {
    width: 1050px;
    padding: 40px 0 70px;
    margin: 0 auto;
    position: relative;
}
#contentBox7 .contentBox7Icon {
    position: absolute;
    top: 4px;
}
#contentBox7 h3 {
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -305px -405px;
    width: 261px;
    height: 56px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
}
#contentBox7 ul {
    margin-top: 60px;
}
#contentBox7 ul li {
    float: left;
    margin-right: 32px;
}
#contentBox7 ul li.n2 {
    margin-right: 0;
}
#contentBox7 ul .n1 a {
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: 0 0;
    width: 510px;
    height: 385px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#contentBox7 ul .n2 a {
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -530px 0;
    width: 508px;
    height: 385px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#snsWrap {
    position: absolute;
    right: 0;
    top: -16px;
}
#snsWrap li {
    float: left;
    margin-right: 11px;
}
#snsWrap .naverTV {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -543px -238px;
    width: 49px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#snsWrap .fb {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -543px -307px;
    width: 49px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#snsWrap .naver {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px -238px;
    width: 49px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#snsWrap .yt {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px -307px;
    width: 49px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#snsWrap .insta {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -335px -103px;
    width: 49px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#footerGnb {
    background: #19191e;
    padding: 29px 0 24px 0;
}
#footerGnb > .inner {
    width: 1050px;
    margin: 0 auto;
    position: relative;
}
#footerGnb > .inner > .cf > li {
    float: left;
    padding: 0 24px;
    position: relative;
}
#footerGnb > .inner > .cf > li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    display: block;
    width: 1px;
    height: 14px;
    background-color: #484647;
}
#footerGnb > .inner > .cf li:last-child::after {
    display: none;
}
#footerGnb > .inner > .cf li:first-child {
    padding-left: 0;
}
#footerGnb > .inner > .cf li a {
    color: #7e7e7e;
    font-size: 14px;
}
#footerBox {
    width: 1050px;
    padding: 30px 0 50px 25px;
    margin: 0 auto;
}
#footerBox .leftBox {
    float: left;
    width: 1050px;
    position: relative;
}
#footerBox .leftBox h6 {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -132px -144px;
    width: 156px;
    height: 72px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin-right: 128px;
}
#footerBox .leftBox p {
    float: left;
    font-size: 15px;
    color: #717174;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 22px;
}
#footerBox .leftBox p span {
    font-weight: 500;
}
#footerBox .leftBox p.copy {
    float: left;
    font-size: 12px;
    opacity: 0.3;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    height: 36px;
    line-height: 36px;
}
#footerBox .leftBox .select-style {
    position: absolute;
    top: 85px;
    left: 0;
    border: 1px solid #ccc;
    width: 162px;
    background-color: #cacaca;
    overflow: hidden;
}
#footerBox .leftBox .select-style::after {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -553px -158px;
    width: 37px;
    height: 36px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#footerBox .leftBox .select-style select {
    padding: 9px 8px;
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    background-image: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 3;
}
#footerBox .leftBox .select-style select::-ms-expand {
    display: none;
}
#footerBox .rightBox {
    float: left;
    width: 350px;
}
#footerBox .rightBox li {
    float: right;
    line-height: 2;
    padding-left: 20px;
    text-align: right;
}
#footerBox .rightBox li a {
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
}
#sub1Content1 {
    width: 100%;
    background-color: #2c2c2c;
}
#sub1ContentBox1 {
    width: 1050px;
    padding: 0 25px;
    margin: 0 auto;
}
#sub1ContentBox1 h1 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    padding-top: 45px;
    padding-bottom: 45px;
}
.subIntroBox {
    width: 1050px;
    padding-bottom: 60px;
}
.subIntroBox .leftBox {
    float: left;
    width: 364px;
    height: 300px;
}
.subIntroBox .centerBox {
    float: left;
    width: 325px;
    margin-left: 44px;
}
.subIntroBox .centerBox li {
    padding: 10px 0 10px 15px;
    font-size: 15px;
    color: #fff;
    border-top: 1px solid #3d3d3d;
    background: url(/images/common/list_bullet.gif) no-repeat 3px 22px;
    letter-spacing: -0.5px;
}
.subIntroBox .centerBox li + li + li + li {
    border-bottom: 1px solid #3d3d3d;
}
.subIntroBox .centerBox li p {
    margin: 8px 0;
    color: #e6715f;
}
.subIntroBox .centerBox li .last {
    margin-bottom: 23px;
}
.subIntroBox .centerBox li span {
    color: #7dd3dd;
}
.subIntroBox .centerBox li p span {
    display: inline-block;
    width: 90px;
    border-right: 1px solid #3d3d3d;
}
.subIntroBox .ncsCenterBox li {
    padding: 6px 0 6px 15px;
    border-top: none;
}
.subIntroBox .ncsCenterBox li + li {
    border-top: 1px solid #3d3d3d;
}
.subIntroBox .ncsCenterBox li + li + li + li {
    border-bottom: none;
}
.subIntroBox .ncsCenterBox li p {
    margin: 0;
}
.subIntroBox .ncsCenterBox li p span {
    border-right: none;
}
.subIntroBox .ncsCenterBox .nBullet {
    background: 0 0;
}
.subIntroBox .centerBox li.tuition p {
    position: relative;
    padding-left: 100px;
}
.subIntroBox .centerBox li.tuition p span {
    position: absolute;
    left: 0;
    top: 0;
}
.subIntroBox .rightBox {
    float: left;
    width: 273px;
    margin-left: 44px;
}
.subIntroBox .rightBox ul {
    border: 1px solid #3d3d3d;
    background-color: #202020;
}
.subIntroBox .rightBox ul li {
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #3d3d3d;
}
.subIntroBox .rightBox ul li + li + li + li {
    border-bottom: none;
}
.subIntroBox .rightBox ul li a {
    display: block;
    color: #fff;
    padding: 0 30px 0 40px;
    font-size: 18px;
    background: url(/images/common/right_arrow.png) no-repeat 215px center;
}
.subIntroBox .rightBox ul li a:hover {
    background-color: #41b0bd;
}
.subIntroBox .rightBox ul .telImg {
    height: 86px;
    position: relative;
    background: url(/images/common/telImg_arrow.png) no-repeat 218px center;
    line-height: 1.3;
}
.subIntroBox .rightBox ul .telImg strong {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    padding-left: 30px;
    padding-top: 18px;
    height: 70px;
    z-index: 101;
    position: relative;
}
.subIntroBox .rightBox ul .telImg strong > a {
    color: #fff;
    font-size: 28px;
    padding-left: 0;
    background-image: none;
    background-color: #202020;
}
.subIntroBox .rightBox ul .telImg strong span {
    display: block;
    font-size: 13px;
    color: #b4b4b4;
    padding-left: 5px;
}
.subIntroBox .rightBox ul .telImg .telover {
    position: absolute;
    top: 87px;
    left: -1px;
    display: none;
    z-index: 100;
}
.subIntroBox .rightBox ul .telImg .telover ul {
    border: none;
}
.subIntroBox .rightBox ul .telImg .telover ul li {
    width: 273px;
    height: 40px;
    border-bottom: 1px solid #8de3ed;
    background-color: #7dd3dd;
    line-height: 1.3;
}
.subIntroBox .rightBox ul .telImg .telover ul li strong {
    display: block;
    font-size: 20px;
    color: #243739;
    font-style: italic;
    font-weight: 600;
    padding-left: 25px;
    padding-top: 7px;
}
.subIntroBox .rightBox ul .telImg .telover ul li strong span {
    display: inline-block;
    font-size: 12px;
    color: #395356;
    font-style: normal;
    padding-left: 5px;
    font-weight: 400;
}
.subIntroBox .rightBox ul .telImg .telover ul li strong a {
    display: inline-block;
    color: #395356;
    font-size: 24px;
    padding-left: 0;
    background-image: none;
    background-color: #7dd3dd;
    padding-right: 10px;
}
.subIntroBox .rightBox ul .telImg .telover img {
    display: block;
    border-bottom: 1px solid #8de3ed;
}
.subIntroBox .rightBox ul .telImg:hover .telover {
    display: block;
}
#sub1Content2 {
    width: 100%;
    overflow: hidden;
}
#sub1ContentBox2 {
    width: 1050px;
    padding: 0 25px;
    margin: 0 auto;
}
#sub1ContentBox2 h2 {
    margin: 80px 0 65px 0;
}
#sub1ContentBox2 h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: -654px -232px;
    width: 366px;
    height: 81px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
.infoTextBox {
    margin-bottom: 100px;
}
.infoTextBox p {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 300;
}
.infoTextBox p.mgb30 {
    margin-bottom: 30px;
}
.infoTextBox p.hasSt {
    margin-top: 70px;
}
.infoTextBox p.ncs28p {
    margin-top: 30px;
    color: #e86a53;
}
.infoTextBox p.cert3p {
    margin-top: -10px;
    margin-bottom: 15px;
}
.infoTextBox p.cert3p span {
    color: #e86a53;
}
.infoTextBox strong {
    display: block;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: -0.7px;
    padding-top: 70px;
    padding-bottom: 20px;
}
.infoTextBox strong.hasBg {
    padding-top: 100px;
    background: url(/images/common/vertical_line_bg.gif) no-repeat center 60px;
}
.infoTextBox p strong {
    padding: 5px 0;
}
.ncsInfoTextBox strong {
    padding-top: 45px;
}
.etc2s {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #333;
    letter-spacing: -1px;
    margin-top: 50px;
    font-weight: 400;
}
.ncsInfoTextBox .etc2p span {
    font-weight: 500;
}
.ncsInfoTextBox .etc8st {
    font-size: 32px;
}
.ncsInfoTextBox .cert39p span {
    font-weight: 500;
}
.infoImgBox {
    width: 770px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 35px;
    background: url(/images/common/hyperline.gif) no-repeat 224px 150px, url(/images/common/hyperline.gif) no-repeat 525px 150px;
}
.infoImgBox img {
    float: left;
}
.infoImgBox img + img {
    margin-left: 133px;
}
.ncsInfoImgBox {
    padding-top: 55px;
    text-align: center;
}
.infoTextBox div.hasBg {
    padding-top: 110px;
    padding-bottom: 20px;
    background: url(/images/common/vertical_line_bg.gif) no-repeat center 30px;
}
.ncs6InfoImgBox {
    background: url(/images/common/plus_bullet.gif) no-repeat center center;
}
.ncs6InfoImgBox img {
    padding: 0 50px;
}
.ncs9InfoImgBox {
    background: url(/images/common/plus_bullet.gif) no-repeat center 140px;
}
.ncs9InfoImgBox img {
    padding: 0 50px;
}
.infoDetail {
    width: 770px;
    margin: 75px auto 0;
    border-top: 1px solid #c3c3c3;
}
.infoDetail dl {
    border-bottom: 1px solid #c3c3c3;
    padding: 15px 0;
}
.infoDetail dt {
    float: left;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #6e6e6e;
    width: 133px;
    margin-right: 45px;
}
.infoDetail dd {
    float: left;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.5px;
    width: 570px;
}
.curriBox {
    width: 790px;
    margin: 0 auto;
}
.curriTop {
    width: 770px;
    margin: 0 auto 50px;
}
.curriTop img {
    display: block;
    margin-left: 383px;
    margin-bottom: 50px;
}
.curriTop p {
    font-size: 14px;
    margin-left: 383px;
    color: #666;
}
.curriChart {
    width: 790px;
    margin-bottom: 120px;
    background: url(/images/curriculum/curri_bg.gif) repeat-y 0 0;
}
.curri_num1 strong {
    background: url(/images/curriculum/curri_num01.png) no-repeat;
}
.curri_num2 strong {
    background: url(/images/curriculum/curri_num02.png) no-repeat;
}
.curri_num3 strong {
    background: url(/images/curriculum/curri_num03.png) no-repeat;
}
.curri_num4 strong {
    background: url(/images/curriculum/curri_num04.png) no-repeat;
}
.curri_num5 strong {
    background: url(/images/curriculum/curri_num05.png) no-repeat;
}
.curri_num6 strong {
    background: url(/images/curriculum/curri_num06.png) no-repeat;
}
.curri_num7 strong {
    background: url(/images/curriculum/curri_num07.png) no-repeat;
}
.curri_num8 strong {
    background: url(/images/curriculum/curri_num08.png) no-repeat;
}
.curri_num9 strong {
    background: url(/images/curriculum/curri_num09.png) no-repeat;
}
.curri_num10 strong {
    background: url(/images/curriculum/curri_num10.png) no-repeat;
}
.curri_num11 strong {
    background: url(/images/curriculum/curri_num11.png) no-repeat;
}
.curri_num12 strong {
    background: url(/images/curriculum/curri_num12.png) no-repeat;
}
.curri_num13 strong {
    background: url(/images/curriculum/curri_num13.png) no-repeat;
}
.curri_num14 strong {
    background: url(/images/curriculum/curri_num14.png) no-repeat;
}
.curri_num15 strong {
    background: url(/images/curriculum/curri_num15.png) no-repeat;
}
.curri_num16 strong {
    background: url(/images/curriculum/curri_num16.png) no-repeat;
}
.curri_num17 strong {
    background: url(/images/curriculum/curri_num17.png) no-repeat;
}
.curri_num18 strong {
    background: url(/images/curriculum/curri_num18.png) no-repeat;
}
.curri_num19 strong {
    background: url(/images/curriculum/curri_num19.png) no-repeat;
}
.curriChart .leftBox {
    float: left;
    width: 384px;
}
.curriChart .leftBox span {
    display: block;
    text-transform: uppercase;
    font-size: 54px;
    color: #191919;
    padding-left: 25px;
    padding-bottom: 10px;
    letter-spacing: 4px;
}
.curriChart .leftBox .leftBg {
    width: 126px;
    height: 174px;
    margin-left: 30px;
    margin-bottom: 50px;
    background: url(/images/curriculum/curri_img02.jpg) no-repeat 0 0;
}
.curriChart .leftBox strong {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    padding-left: 30px;
}
.curriChart .leftBox li {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    padding-left: 32px;
}
.curriChart .leftBox .step1 {
    margin-bottom: 64px;
}
.curriChart .leftBox .step1 strong {
    background-position: 0 center;
}
.curriChart .leftBox .step2 strong {
    background-position: 0 center;
}
.curriChart .rightBox {
    float: left;
}
.curriChart .rightBox span {
    display: block;
    text-transform: uppercase;
    font-size: 54px;
    color: #191919;
    padding: 40px 0;
    letter-spacing: 4px;
    background-color: #fff;
    position: relative;
    top: 0;
    left: -100px;
}
.curriChart .rightBox .rightBg {
    width: 126px;
    height: 174px;
    margin-left: 30px;
    margin-bottom: 50px;
    background: url(/images/curriculum/curri_img03.jpg) no-repeat 0 0;
}
.curriChart .rightBox strong {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    padding-left: 30px;
}
.curriChart .rightBox li {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    padding-left: 32px;
}
.curriChart .rightBox .step3 {
    margin-top: 150px;
}
.curriChart .rightBox .step3 strong {
    background-position: 0 center;
}
.curriChart .rightBox .step4 {
    margin-bottom: 64px;
}
.curriChart .rightBox .step4 strong {
    background-position: 0 center;
}
.curriChart .rightBox .step5 strong {
    background-position: 0 center;
}
.curriChart .bottomBox {
    clear: both;
    padding-top: 64px;
    text-align: right;
}
.curriChart .bottomBox span {
    display: block;
    text-transform: uppercase;
    font-size: 54px;
    color: #191919;
    padding-right: 25px;
    padding-bottom: 10px;
    letter-spacing: 4px;
}
.curriChart .bottomBox .bottomBg {
    height: 174px;
    margin-right: 30px;
    margin-bottom: 50px;
    background: url(/images/curriculum/curri_img04.jpg) no-repeat right 0;
}
.curriChart .bottomBox strong {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    margin-right: 1px;
    padding-right: 30px;
    background-position: right center;
}
.curriChart .bottomBox li {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    padding-right: 32px;
}
.infoBotBox {
    width: 770px;
    margin: 0 auto;
}
.infoBot1 {
    border-top: 4px solid #000;
    padding-top: 40px;
    padding-bottom: 80px;
}
.infoBot1 .infoImg {
    float: right;
}
.infoBot1 p {
    float: right;
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 1.7;
}
.infoBot2 {
    border-top: 4px solid #000;
    padding-top: 40px;
    padding-bottom: 80px;
}
.infoBot2 .infoImg {
    float: left;
}
.infoBot2 p {
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 1.7;
}
.infoBot3 {
    border-top: 4px solid #000;
    padding-top: 40px;
    padding-bottom: 80px;
    text-align: center;
}
.infoBot3 strong {
    display: block;
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
}
.infoBot3 p {
    font-size: 16px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 1.7;
    padding-top: 30px;
}
.ncsInfoBot {
    border-top: 4px solid #000;
    padding-top: 60px;
    padding-bottom: 80px;
}
.ncsInfoBot strong {
    display: block;
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    padding-bottom: 20px;
    text-transform: uppercase;
    margin-top: -20px;
    letter-spacing: -1px;
}
.ncsInfoBot p {
    text-align: center;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 50px;
}
.ncsInfoBot .infoImg {
    margin-bottom: 30px;
}
.ncsInfoBot .infoImg img {
    display: block;
    margin: 0 auto;
}
.ncsInfoBot .ncs4infoText {
    margin: 80px auto;
}
.ncsInfoBot .ncs4infoText span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.ncsInfoBot .ncs4infoText .st1 {
    font-size: 18px;
    color: #a3a3a3;
}
.ncsInfoBot .ncs4infoText .st2 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
.ncsInfoBot .imgal5 {
    width: 1050px;
    margin-left: -140px;
    margin-top: 20px;
    text-align: center;
}
.ncsInfoBot .imgal5 img {
    display: inline-block;
}
.ncsInfoBot .ncs5infoText {
    width: 500px;
    margin: 0 auto 50px;
    text-align: center;
}
.ncsInfoBot .ncs5infoText span {
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding: 10px 0;
    width: 234px;
    margin: 0 5px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
}
.ncsInfoBot .ncs6infoText strong {
    font-size: 34px;
    color: #333;
    font-weight: 700;
    text-transform: none;
    margin-top: 20px;
    background: url(/images/common/title_bullet.gif) no-repeat center 60px;
    padding-bottom: 30px;
}
.ncsInfoBot .ncs6infoText p {
    color: #aaa;
}
.ncsInfoBot .imgpl305 img {
    padding-left: 305px;
}
.ncsInfoBot .imgpt30 img {
    padding-top: 30px;
}
.ncsInfoBot .imgal9 img {
    float: left;
}
.ncsInfoBot .imgal9 img + img {
    float: right;
}
.ncs14InfoBot {
    border-top: none;
}
.ncsInfoBot .ncs21infoText {
    width: 500px;
    margin: 20px auto 70px;
    text-align: center;
}
.ncsInfoBot .ncs21infoText span {
    display: block;
    font-size: 18px;
    color: #666;
    padding: 10px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
}
.ncsInfoBot .ncs21infoText span + span {
    border-top: none;
}
.ncsInfoBot .ncs24infoText {
    margin-top: -20px;
    margin-bottom: 60px;
}
.ncsInfoBot .ncs24infoText img {
    float: right;
}
.ncsInfoBot .ncs24infoText strong {
    float: right;
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 0;
    text-transform: none;
    text-align: right;
    padding-bottom: 35px;
}
.ncsInfoBot .ncs24infoText p {
    float: right;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    margin-right: 20px;
    font-weight: 400;
    text-align: right;
}
.ncsInfoBot .imgal24 img {
    float: left;
    margin-bottom: 10px;
}
.ncsInfoBot .imgal24 img + img {
    float: right;
}
.ncsInfoBot .ncs25infoText {
    margin-top: -20px;
    margin-bottom: 20px;
}
.ncsInfoBot .ncs25infoText img {
    float: right;
}
.ncsInfoBot .ncs25infoText strong {
    float: right;
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 0;
    text-transform: none;
    text-align: right;
    padding-bottom: 35px;
}
.ncsInfoBot .ncs25infoText strong span {
    display: block;
    font-size: 16px;
    color: #666;
}
.ncsInfoBot .ncs25infoText p {
    float: right;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    margin-right: 20px;
    font-weight: 400;
    text-align: right;
}
.ncsInfoBot .imgal25 img {
    float: left;
    margin-bottom: 10px;
}
.ncsInfoBot .imgal25 img + img {
    float: right;
}
.ncsInfoBot .imgal25 img + img + img {
    float: left;
}
.ncsInfoBot .imgal25 img + img + img + img {
    float: right;
}
.ncsInfoBot .mgm20 {
    margin-top: -20px;
}
.ncsInfoBot .ncs29infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    padding-bottom: 30px;
}
.ncsInfoBot .ncs29infoText p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    text-transform: none;
}
.ncsInfoBot .ncs30infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 400;
    padding-bottom: 30px;
}
.ncsInfoBot .ncs30infoText p {
    font-size: 16px;
    color: #333;
    letter-spacing: -1px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 70px;
}
.ncsInfoBot .ncs30infoText p span {
    font-weight: 600;
}
.ncsInfoBot .imgaletc1 {
    width: 600px;
    margin: 60px auto;
}
.ncsInfoBot .imgaletc1 img {
    float: left;
    margin-bottom: 10px;
}
.ncsInfoBot .imgaletc1 img + img {
    float: right;
}
.ncsInfoBot .etc3infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 500;
    padding-bottom: 30px;
}
.ncsInfoBot .etc3infoText p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    text-transform: none;
}
.ncsInfoBot .etc4infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 500;
    text-transform: none;
    padding-bottom: 30px;
}
.ncsInfoBot .etc4infoText p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    text-transform: none;
}
.ncsInfoBot .mgb80 {
    margin-bottom: 80px;
}
.ncsInfoBot .etc4Box {
    margin-bottom: 60px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.ncsInfoBot .etc4Box li {
    float: left;
    width: 220px;
    border-bottom: 1px solid #ececec;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 300;
}
.ncsInfoBot .mgl55 {
    margin-left: 55px;
}
.ncsInfoBot .bdbn {
    border-bottom: none;
}
.ncsInfoBot .mgb10 {
    margin-bottom: 10px;
}
.ncsInfoBot .etc5infoText {
    margin-bottom: 50px;
}
.ncsInfoBot .etc5infoText img {
    float: left;
    margin-right: 40px;
}
.ncsInfoBot .etc5infoText strong {
    float: left;
    margin-top: 0;
    font-size: 28px;
    color: #333;
    font-weight: 700;
    text-transform: none;
    background: url(/images/curriculum/cert13_title_bg.gif) no-repeat 0 bottom;
    padding-top: 220px;
    padding-bottom: 40px;
    margin-bottom: 10px;
}
.ncsInfoBot .etc5infoText p {
    float: left;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: left;
    line-height: 1.8;
}
.ncsInfoBot .etc5infoText p.etc5p1 {
    color: #666;
    margin-bottom: 35px;
}
.ncsInfoBot .etc5infoText p.etc5p2 {
    font-weight: 500;
    color: #333;
    margin-bottom: 0;
}
.ncsInfoBot .etc5infoText p.etc5p2 span {
    color: #e86a53;
}
.ncsInfoBot .etc6infoText p {
    letter-spacing: -1.2px;
    margin-bottom: 70px;
}
.ncsInfoBot .etc7infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    padding-bottom: 30px;
    text-transform: none;
}
.ncsInfoBot .etc7infoText strong span {
    font-weight: 400;
}
.ncsInfoBot .etc7infoText p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    text-transform: none;
}
.ncsInfoBot .imgaletc7 {
    position: relative;
}
.ncsInfoBot .etc7Box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 270px;
}
.ncsInfoBot .etc7Box strong {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    background: url(/images/curriculum/cert13_title_bg.gif) no-repeat 0 bottom;
    padding-bottom: 40px;
    margin-bottom: 10px;
    text-align: left;
}
.ncsInfoBot .etc7Box p {
    text-align: left;
    margin-bottom: 0;
    line-height: 1.6;
}
.ncsInfoBot .etc8infoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    margin-top: -10px;
    padding-bottom: 30px;
}
.ncsInfoBot .etc8infoText .etc8s1 {
    display: block;
    font-size: 18px;
    font-weight: 400;
}
.ncsInfoBot .etc8infoText .etc8s2 {
    display: block;
    color: #e86a53;
}
.ncsInfoBot .etc8infoText p {
    font-size: 16px;
    margin-bottom: 100px;
}
.ncsInfoBot .etc8InfoImg1 img {
    display: block;
    float: left;
    margin-bottom: 10px;
}
.ncsInfoBot .etc8InfoImg1 img + img {
    float: right;
}
.ncsInfoBot .etc8InfoImg1 img + img + img {
    float: left;
}
.ncsInfoBot .etc8InfoImg1 img + img + img + img {
    float: right;
}
.ncsInfoBot .pdb80Bg {
    padding-bottom: 80px;
    background: url(/images/curriculum/cert13_bg.gif) no-repeat center bottom;
}
.ncsInfoBot .mgb110 {
    margin-bottom: 110px;
}
.ncsInfoBot .pdb50 {
    padding-bottom: 50px;
}
.ncsInfoBot .pdt100 {
    padding-top: 100px;
}
.ncsInfoBot .etc8InfoImg2 {
    width: 770px;
    background: #f3f3f3 url(/images/curriculum/etc8_info_bg.jpg) no-repeat center top;
    margin-bottom: 80px;
}
.ncsInfoBot .etc8InfoImg2 img {
    display: block;
    margin: 0 auto 60px;
}
.ncsInfoBot .etc8InfoImg2 img + img {
    margin-bottom: 10px;
}
.certInfoBot {
    border-top: 4px solid #000;
    padding-top: 50px;
    padding-bottom: 120px;
}
.certInfoBot .infoImg {
    margin-bottom: 80px;
}
.certInfoBot strong {
    display: block;
    text-align: center;
    font-size: 42px;
    letter-spacing: 6px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 60px;
}
.certInfoBot p {
    line-height: 1.7;
}
.certInfoBot img {
    display: block;
    margin: 0 auto;
}
.certInfoBot .imgal6 img {
    float: left;
    margin-bottom: 21px;
}
.certInfoBot .imgal6 img + img {
    float: right;
    margin-bottom: 20px;
}
.certInfoBot .imgal6 img + img + img {
    float: left;
}
.certInfoBot .imgal6 img + img + img + img {
    float: right;
}
.certInfoBot .imgal11 {
    text-align: center;
}
.certInfoBot .imgal11 img {
    display: inline-block;
    padding: 0 5px 10px;
}
.certInfoBot .certInfoText {
    margin-top: 75px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 50px 0;
}
.certInfoBot .certInfoText span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.7px;
    padding: 0 0 25px;
}
.certInfoBot .certInfoText p {
    float: left;
    width: 364px;
    border-right: 1px solid #e4e4e4;
    font-size: 14px;
    letter-spacing: -1px;
    padding-right: 20px;
    font-weight: 300;
    color: #666;
    word-break: keep-all;
    text-align: justify;
    line-height: 1.8;
}
.certInfoBot .certInfoText p + p {
    width: 365px;
    border-right: none;
    padding-right: 0;
    padding-left: 20px;
}
.certInfoBot .cert13InfoBot1 {
    background: url(/images/curriculum/cert13_bg.gif) no-repeat center bottom;
    margin-bottom: 60px;
}
.certInfoBot .cert13InfoBot1 strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert13InfoBot1 p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-bottom: 55px;
}
.certInfoBot .cert13InfoBot1 img {
    padding-bottom: 70px;
}
.certInfoBot .cert13InfoBot2 {
    background: url(/images/curriculum/cert13_bg.gif) no-repeat center bottom;
    margin-bottom: 70px;
}
.certInfoBot .cert13InfoBot2 img {
    float: right;
    padding-bottom: 60px;
}
.certInfoBot .cert13InfoBot2 strong {
    float: left;
    width: 228px;
    padding-right: 10px;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    padding-bottom: 20px;
    background: url(/images/curriculum/cert13_title_bg.gif) no-repeat left bottom;
    text-align: left;
    margin-bottom: 5px;
}
.certInfoBot .cert13InfoBot2 span {
    float: left;
    width: 228px;
    padding-right: 10px;
    display: block;
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    margin-bottom: 35px;
    letter-spacing: -1px;
}
.certInfoBot .cert13InfoBot2 p {
    float: left;
    width: 228px;
    padding-right: 10px;
    letter-spacing: -1px;
}
.certInfoBot .cert13InfoBot2 p.cert13p1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}
.certInfoBot .cert13InfoBot2 p.cert13p2 {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 1.6;
}
.certInfoBot .cert13InfoBot3 {
    background: url(/images/curriculum/cert13_bg.gif) no-repeat center bottom;
    margin-bottom: 120px;
}
.certInfoBot .cert13InfoBot3 strong {
    font-size: 24px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert13InfoBot3 span {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 600;
}
.certInfoBot .cert13InfoBot3 p {
    font-size: 13px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-bottom: 35px;
}
.certInfoBot .cert13InfoBot3 img {
    padding-bottom: 60px;
}
.certInfoBot .cert13InfoBot4 img {
    float: left;
}
.certInfoBot .cert13InfoBot4 strong {
    float: left;
    width: 246px;
    padding-left: 40px;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    text-align: left;
    padding-bottom: 25px;
}
.certInfoBot .cert13InfoBot4 span {
    float: left;
    width: 246px;
    padding-left: 40px;
    display: block;
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 35px;
}
.certInfoBot .cert13InfoBot4 p {
    float: left;
    width: 246px;
    padding-left: 40px;
    letter-spacing: -1px;
}
.certInfoBot .cert13InfoBot4 p.cert13p1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}
.certInfoBot .cert13InfoBot4 p.cert13p2 {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 1.6;
}
.certInfoBot .cert18InfoBot1 {
    margin-bottom: 60px;
}
.certInfoBot .cert18InfoBot1 strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert18InfoBot1 p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-bottom: 55px;
}
.certInfoBot .cert18InfoBot2 {
    margin-bottom: 70px;
}
.certInfoBot .cert18InfoBot2 img {
    float: right;
}
.certInfoBot .cert18InfoBot2 strong {
    float: left;
    width: 228px;
    padding-right: 10px;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    padding-bottom: 20px;
    background: url(/images/curriculum/cert13_title_bg.gif) no-repeat left bottom;
    text-align: left;
    margin-bottom: 5px;
}
.certInfoBot .cert18InfoBot2 span {
    float: left;
    width: 228px;
    padding-right: 10px;
    display: block;
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    margin-bottom: 35px;
    letter-spacing: -1px;
}
.certInfoBot .cert18InfoBot2 p {
    float: left;
    width: 228px;
    padding-right: 10px;
    letter-spacing: -1px;
}
.certInfoBot .cert18InfoBot2 p.cert18p1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
    line-height: 1.7;
}
.certInfoBot .cert18InfoBot2 p.cert18p2 {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 1.6;
}
.certInfoBot .mgb20 {
    margin-bottom: 20px;
}
.cert19InfoBot {
    padding-bottom: 80px;
}
.certInfoBot .cert22InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert22InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-bottom: 55px;
}
.certInfoBot .cert22InfoBot p span {
    font-weight: 500;
}
.certInfoBot .cert22InfoBot .cert22Left {
    float: left;
    width: 375px;
}
.certInfoBot .cert22InfoBot .cert22Right {
    float: right;
    width: 375px;
}
.certInfoBot .pdt90 {
    padding-top: 90px;
}
.certInfoBot .cert25InfoBot strong {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    padding-bottom: 30px;
    letter-spacing: 0;
}
.certInfoBot .cert25InfoBot strong.fw400 {
    font-weight: 400;
}
.certInfoBot .cert25InfoBot strong.lsm1 {
    letter-spacing: -1px;
}
.certInfoBot .cert25InfoBot p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1.2px;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    margin-bottom: 50px;
}
.certInfoBot .cert25InfoBot p.mgb30 {
    margin-bottom: 30px;
}
.certInfoBot .cert25InfoBot p.mgb70 {
    margin-bottom: 70px;
}
.certInfoBot .mgb40 {
    margin-bottom: 40px;
}
.certInfoBot .mgb60 {
    margin-bottom: 60px;
}
.certInfoBot .pdb60Bg {
    padding-bottom: 60px;
    background: url(/images/curriculum/cert13_bg.gif) no-repeat center bottom;
}
.certInfoBot .cert25InfoBot p.cert27p {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 30px;
}
.certInfoBot .cert25InfoBot p.cert28p {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 70px;
}
.certInfoBot .cert25InfoBot p span {
    color: #e86a53;
}
.certInfoBot .cert25InfoBot p.cert29pal {
    text-align: left;
}
.certInfoBot .cert25InfoBot p.cert29p span {
    color: #666;
    font-weight: 500;
}
.certInfoBot .cert25InfoBot p.cert31p {
    margin-bottom: 70px;
}
.certInfoBot .cert25InfoBot p.cert31p span {
    font-size: 20px;
    color: #333;
    font-weight: 500;
}
.certInfoBot .cert32InfoBot strong {
    font-size: 24px;
    padding-bottom: 30px;
    font-weight: 600;
    letter-spacing: 0;
}
.certInfoBot .cert32InfoBot p {
    font-size: 16px;
    color: #666;
    letter-spacing: -1.2px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    margin-bottom: 50px;
}
.certInfoBot .cert32InfoBot img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert32InfoBot img + img {
    float: right;
}
.certInfoBot .cert32InfoBot img + img + img {
    float: left;
}
.certInfoBot .cert32InfoBot img + img + img + img {
    float: right;
}
.certInfoBot .cert32InfoBot img + img + img + img + img {
    float: left;
}
.certInfoBot .cert32InfoBot img + img + img + img + img + img {
    float: right;
}
.certInfoBot .cert34InfoBot {
    margin-bottom: 80px;
}
.certInfoBot .cert34InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert34InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert34InfoBot span {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    color: #333;
    text-align: center;
    display: block;
    line-height: 1.8;
    margin-bottom: 70px;
}
.certInfoBot .cert34InfoBot .cert34Left {
    float: left;
    width: 375px;
}
.certInfoBot .cert34InfoBot .cert34Right {
    float: right;
    width: 375px;
}
.certInfoBot .mgb30 {
    margin-bottom: 30px;
}
.certInfoBot .mgb50 {
    margin-bottom: 50px;
}
.certInfoBot .mgb80 {
    margin-bottom: 80px;
}
.certInfoBot .mgb120 {
    margin-bottom: 120px;
}
.certInfoBot .cert35InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -0.5px;
    padding-bottom: 30px;
    font-weight: 600;
}
.certInfoBot .cert35InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert35InfoBot .cert35Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert35InfoBot .cert35Img img + img {
    float: right;
}
.certInfoBot .cert35InfoBot .cert35Img img + img + img {
    float: left;
}
.certInfoBot .cert35InfoBot .cert35Img img + img + img + img {
    float: right;
}
.certInfoBot .cert35InfoBot .cert35Img img + img + img + img + img {
    float: left;
}
.certInfoBot .cert35InfoBot .cert35Img img + img + img + img + img + img {
    float: right;
}
.certInfoBot .cert36InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert36InfoBot strong.cert36s1 {
    background: url(/images/curriculum/cert13_title_bg.gif) no-repeat 0 60px;
    text-align: left;
}
.certInfoBot .cert36InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert36InfoBot span {
    font-weight: 500;
    color: #333;
}
.certInfoBot .cert36InfoBot .cert36Img {
    width: 760px;
    padding: 0 5px;
}
.certInfoBot .cert36InfoBot .cert36Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert36InfoBot .cert36Img img + img {
    float: right;
}
.certInfoBot .cert36InfoBot .cert36Img img + img + img {
    float: left;
}
.certInfoBot .cert36InfoBot .cert36Img img + img + img + img {
    float: right;
}
.certInfoBot .cert38InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert38InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert38InfoBot span {
    font-weight: 500;
    color: #333;
    display: block;
    text-align: center;
    font-size: 20px;
}
.certInfoBot .cert38InfoBot .cert38Img {
    width: 760px;
    padding: 0 5px;
}
.certInfoBot .cert38InfoBot .cert38Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert38InfoBot .cert38Img img + img + img {
    float: right;
}
.certInfoBot .cert38InfoBot .cert38Img img + img + img + img {
    float: left;
}
.certInfoBot .cert38InfoBot .cert38Img img + img + img + img + img {
    float: right;
}
.certInfoBot .cert42infoText {
    margin-top: -20px;
    margin-bottom: 10px;
}
.certInfoBot .cert42infoText img {
    float: right;
}
.certInfoBot .cert42infoText strong {
    float: right;
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 0;
    text-transform: none;
    text-align: right;
    padding-bottom: 35px;
}
.certInfoBot .cert42infoText p {
    float: right;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    margin-right: 20px;
    font-weight: 400;
    text-align: right;
}
.certInfoBot .cert42Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert42Img img + img {
    float: right;
}
.certInfoBot .cert42Img img + img + img {
    float: left;
}
.certInfoBot .cert42Img img + img + img + img {
    float: right;
}
.certInfoBot .cert43infoText {
    margin-top: -20px;
    margin-bottom: 10px;
}
.certInfoBot .cert43infoText img {
    float: right;
}
.certInfoBot .cert43infoText strong {
    float: right;
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 0;
    text-transform: none;
    text-align: right;
    padding-bottom: 35px;
}
.certInfoBot .cert43infoText strong span {
    display: block;
    font-size: 16px;
    color: #666;
}
.certInfoBot .cert43infoText p {
    float: right;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    margin-right: 20px;
    font-weight: 400;
    text-align: right;
}
.certInfoBot .cert43Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert43Img img + img {
    float: right;
}
.certInfoBot .cert43Img img + img + img {
    float: left;
}
.certInfoBot .cert43Img img + img + img + img {
    float: right;
}
.certInfoBot .cert43Img img + img + img + img + img {
    float: left;
}
.certInfoBot .cert43Img img + img + img + img + img + img {
    float: right;
}
.certInfoBot .cert43infoText2 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 50px 0 60px;
    margin-bottom: 60px;
}
.certInfoBot .cert43infoText2 .leftBox {
    float: left;
    width: 364px;
    border-right: 1px solid #e4e4e4;
    padding-right: 20px;
}
.certInfoBot .cert43infoText2 .rightBox {
    float: right;
    width: 365px;
    padding-left: 20px;
}
.certInfoBot .cert43infoText2 strong {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    padding-bottom: 40px;
}
.certInfoBot .cert43infoText2 span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.certInfoBot .cert43infoText2 p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}
.certInfoBot .cert44InfoText strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert44InfoText p {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert44InfoText span {
    font-weight: 500;
}
.certInfoBot .cert44InfoText .cert44Img img {
    float: right;
    margin-bottom: 10px;
}
.certInfoBot .cert44InfoText .cert44Img img + img {
    float: left;
}
.certInfoBot .cert46InfoText strong {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 30px;
}
.certInfoBot .cert46InfoText p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert46InfoText .cert46Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert46InfoText .cert46Img img + img {
    float: right;
}
.certInfoBot .cert46InfoText .cert46Img img + img + img {
    float: left;
}
.certInfoBot .cert46InfoText .cert46Img img + img + img + img {
    float: right;
}
.certInfoBot .pdb60 {
    padding-bottom: 60px;
}
.certInfoBot .cert46bg {
    background: url(/images/curriculum/cert46_info_bg.gif) no-repeat center bottom;
}
.certInfoBot .cert47InfoBot strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1.2px;
    padding-bottom: 30px;
}
.certInfoBot .cert47InfoBot p {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert47InfoBot span {
    font-weight: 500;
    color: #333;
    display: block;
    text-align: center;
    font-size: 20px;
    letter-spacing: -1.2px;
}
.certInfoBot .cert47InfoBot .cert47Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert47InfoBot .cert47Img img + img {
    float: right;
}
.certInfoBot .cert47InfoBot .cert47Img img + img + img {
    float: left;
}
.certInfoBot .cert47InfoBot .cert47Img img + img + img + img {
    float: right;
}
.certInfoBot .cert50infoText strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert50infoText p {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert50infoText2 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 50px 0 60px;
    margin-bottom: 60px;
}
.certInfoBot .cert50infoText2 .leftBox {
    float: left;
    width: 364px;
    border-right: 1px solid #e4e4e4;
    padding-right: 20px;
}
.certInfoBot .cert50infoText2 .rightBox {
    float: right;
    width: 365px;
    padding-left: 20px;
}
.certInfoBot .cert50infoText2 strong {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    padding-bottom: 30px;
}
.certInfoBot .cert50infoText2 p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}
.certInfoBot .cert51infoText {
    padding-bottom: 80px;
    margin-bottom: 80px;
    background: url(/images/common/cert46_info_bg.gif) no-repeat center bottom;
}
.certInfoBot .cert51infoText strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert51infoText p {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert51infoText span {
    font-weight: 700;
}
.certInfoBot .cert51infoText2 strong {
    font-size: 18px;
    letter-spacing: 4px;
    font-weight: 700;
}
.certInfoBot .cert51infoText2 span {
    display: block;
    float: left;
    width: 365px;
    padding: 13px 0;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-weight: 300;
}
.certInfoBot .cert51infoText2 span + span {
    float: right;
}
.certInfoBot .cert51infoText2 span + span + span {
    float: left;
    border-top: none;
}
.certInfoBot .cert51infoText2 span + span + span + span {
    float: right;
}
.certInfoBot .cert51infoText2 span + span + span + span + span {
    float: left;
}
.certInfoBot .cert51infoText2 span + span + span + span + span + span {
    float: right;
}
.certInfoBot .cert52infoText strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert52infoText p {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert52infoText span {
    font-weight: 700;
}
.certInfoBot .cert52Img {
    width: 582px;
    margin: 0 auto;
}
.certInfoBot .cert52Img img {
    float: right;
    margin-bottom: 25px;
}
.certInfoBot .cert52Img img + img {
    float: left;
}
.certInfoBot .pdt100 {
    padding-top: 100px;
}
.certInfoBot .cert53InfoText strong {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 30px;
}
.certInfoBot .cert53InfoText strong.cert53s1 {
    background: url(/images/common/cert13_title_bg.gif) no-repeat 0 126px;
    text-align: left;
    line-height: 2;
}
.certInfoBot .cert53InfoText p {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: 300;
    letter-spacing: -1.2px;
}
.certInfoBot .cert53InfoText span {
    font-weight: 500;
    color: #333;
}
.certInfoBot .cert53InfoText .cert53Img {
    width: 760px;
    padding: 0 5px;
}
.certInfoBot .cert53InfoText .cert53Img img {
    float: left;
    margin-bottom: 10px;
}
.certInfoBot .cert53InfoText .cert53Img img + img {
    float: right;
}
.certInfoBot .cert53InfoText .cert53Img img + img + img {
    float: left;
}
.certInfoBot .cert53InfoText .cert53Img img + img + img + img {
    float: right;
}
.certInfoBot .cert53infoText2 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 50px 0 60px;
}
.certInfoBot .cert53infoText2 .leftBox {
    float: left;
    width: 364px;
    border-right: 1px solid #e4e4e4;
    padding-right: 20px;
}
.certInfoBot .cert53infoText2 .rightBox {
    float: right;
    width: 365px;
    padding-left: 20px;
}
.certInfoBot .cert53infoText2 strong {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    padding-bottom: 0;
}
.certInfoBot .cert53infoText2 strong.cert53s2 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 30px;
}
.certInfoBot .cert53infoText2 p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}
.certInfoComBot {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    padding: 50px 0;
    margin-bottom: 150px;
}
.certInfoComBot .certInfoComText {
    margin-top: 40px;
    border-top: 1px solid #e4e4e4;
    padding-top: 45px;
}
.certInfoComBot .certInfoComText dt {
    float: left;
    width: 280px;
    padding-left: 30px;
    margin-top: -18px;
}
.certInfoComBot .certInfoComText dt strong {
    font-size: 30px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 500;
}
.certInfoComBot .certInfoComText dt strong span {
    font-size: 17px;
    color: #666;
    letter-spacing: 6px;
    text-transform: uppercase;
}
.certInfoComBot .certInfoComText dd {
    float: left;
    width: 460px;
}
.certInfoComBot .certInfoComText dd p {
    color: #666;
    letter-spacing: -1px;
}
.certInfoComBot .certInfoComText dd p.cText1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 30px;
}
.certInfoComBot .certInfoComText dd p.cText2 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}
.certInfoComBot .certInfoComText dd p.cText2 span {
    color: #e86a53;
    text-decoration: underline;
}
.certInfoComBot .certInfoComText dd p.cText3 {
    font-size: 16px;
    font-weight: 300;
}
#sub1Content3 {
    width: 100%;
    background-color: #dbdbd9;
}
#sub1ContentBox3 {
    width: 1050px;
    margin: 0 auto;
}
#sub1ContentBox3 h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: 0 -502px;
    width: 366px;
    height: 81px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
#sub1ContentBox3 h2 {
    padding-top: 80px;
    text-align: center;
    padding-bottom: 65px;
}
.portBox {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 40px 35px;
}
.portfolio .portBox {
    position: relative;
}
.portfolio .portBox:hover .bgBox {
    display: block;
}
.portfolio .portBox .bgBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    display: none;
}
.portfolio .portBox .bgBox > input {
    width: 232px;
    height: 48px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -116px;
    margin-top: -24px;
    letter-spacing: 0.5px;
}
.portfolio .portBox .bgBox > input:hover {
    background: #fff;
    color: #000;
}
.portText .leftBox {
    float: left;
    width: 560px;
}
.portText .leftBox strong {
    display: block;
    font-size: 24px;
    color: #333;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 5px;
}
.portText .leftBox span {
    font-size: 12px;
    color: #a9a9a9;
    font-weight: 300;
}
.portText .rightBox {
    float: left;
    width: 420px;
    padding-top: 30px;
}
.portText .rightBox dl {
    margin-bottom: 6px;
}
.portText .rightBox dt {
    float: left;
    width: 90px;
    color: #a9a9a9;
    font-weight: 300;
}
.portText .rightBox dd {
    float: left;
    width: 330px;
    color: #666;
    font-weight: 300;
}
.moreBtn {
    padding: 20px 0 40px;
    text-align: center;
}
.moreBtn .moreView {
    border: none;
    cursor: pointer;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -554px -78px;
    width: 39px;
    height: 39px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#sub1Content4 {
    width: 100%;
}
#sub1ContentBox4 {
    width: 1050px;
    padding: 60px 25px 70px;
    margin: 0 auto;
}
#sub1ContentBox4 h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: -386px -502px;
    width: 364px;
    height: 79px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
#sub1ContentBox4 > p {
    color: #b8b8ba;
    text-align: center;
    font-size: 13px;
}
.review {
    background: url(/images/common/border_hr.png) no-repeat 0 0;
    padding-top: 65px;
    margin-bottom: 65px;
}
.epilogue {
    float: left;
    width: 780px;
    padding-right: 19px;
    border-right: 1px solid #e4e4e4;
}
.epilogue > p {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}
.epilogue > p > strong {
    font-size: 30px;
    letter-spacing: -1px;
    color: #000;
}
.epilogue > p > span {
    color: #333;
    margin-left: 15px;
    padding-right: 5px;
    border-right: 1px solid #ededed;
}
.epilogue li {
    padding: 12px 0;
    border-bottom: 1px solid #c3c3c3;
    color: #777;
    font-size: 14px;
}
.epilogue li:first-child {
    border-top: 1px solid #c3c3c3;
}
.epilogue li:hover {
    background-color: #333;
    color: #fff;
}
.epilogue li > p {
    float: left;
}
.epilogue li .name {
    width: 75px;
    text-align: center;
}
.epilogue li .class {
    width: 140px;
    padding-left: 10px;
}
.epilogue li .text {
    width: 510px;
    padding-left: 10px;
}
.epilogue li .btn {
    float: right;
    padding-right: 10px;
}
.cong {
    float: left;
    width: 230px;
    padding-left: 20px;
}
.cong strong {
    display: block;
    font-size: 16px;
    color: #222;
}
.cong span {
    display: block;
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}
.cong p.p1 {
    font-size: 24px;
    color: #222;
    margin-bottom: 25px;
}
.cong .congImg {
    margin-bottom: 20px;
}
.cong p.p2 {
    font-size: 14px;
    color: #777;
    letter-spacing: -1px;
}
.instructors {
    background: url(/images/common/border_hr.png) no-repeat 0 0;
    padding-top: 65px;
}
.instructors > p {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}
.instructors > p > strong {
    font-size: 30px;
    letter-spacing: -1px;
    color: #000;
}
.instructors > p > span {
    color: #333;
    margin-left: 15px;
    padding-right: 5px;
    border-right: 1px solid #ededed;
}
.instructors li {
    float: left;
    padding-right: 21px;
}
.instructors li + li {
    padding-left: 21px;
    border-left: 1px solid #e4e4e4;
}
.instructors li + li + li + li {
    padding-right: 0;
}
.instructors li img {
    display: block;
}
.instructors li strong {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    letter-spacing: -1px;
}
.instructors li span {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 2px;
}
.instructors li p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.5px;
}
#sub1Content5 {
    width: 100%;
    background: url(/images/common/border_hr_repeat.jpg) repeat-x 0 4px;
}
#sub1ContentBox5 {
    width: 1050px;
    padding: 60px 0 70px;
    margin: 0 auto;
    background: url(/images/common/border_hr.png) no-repeat 0 0;
}
#sub1ContentBox5 .leftBox {
    float: left;
    width: 504px;
    padding-right: 20px;
    border-right: 1px solid #e4e4e4;
}
#sub1ContentBox5 .rightBox {
    float: left;
    width: 505px;
    padding-left: 20px;
}
#sub1ContentBox5 strong {
    display: block;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #333;
}
#sub1ContentBox5 p.p1 {
    font-size: 18px;
    color: #333;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 20px;
}
#sub1ContentBox5 p.p1 span {
    font-size: 18px;
    color: #e86a53;
}
#sub1ContentBox5 span {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
#sub1ContentBox5 p.p2 {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    margin-top: 5px;
    margin-bottom: 15px;
}
#sub1ContentBox5 p.p3 {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    margin-top: 5px;
    margin-bottom: 25px;
}
#sub1ContentBox5 p.p4 {
    font-size: 14px;
    color: #aaa;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}
#sub1ContentBox5 a {
    display: block;
    width: 230px;
    height: 50px;
    background-color: #191919;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
.pressTitle {
    padding-bottom: 70px;
}
.pressTitle h2.pressH2 {
    text-indent: -999999px;
    width: 366px;
    height: 81px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}
.pressTitle span.h2span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
#announceList .pressTitle > h2 {
    background: url(/images/community/press_title.jpg) no-repeat;
}
.pressTable {
    border-collapse: collapse;
}
.pressTable th {
    background: #f2f2f2;
    border-collapse: collapse;
    border-top: 1px solid #dedede;
    padding: 17px 0 20px 0;
    font-size: 17px;
    font-weight: 500;
}
.pressTable td {
    text-align: center;
    color: #666;
    font-size: 13px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: 14px;
    letter-spacing: -0.5px;
}
.pressTable tr:hover td {
    color: #000;
}
.pressTable tr:hover td a {
    color: #000;
}
.pressTable td a {
    color: #666;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 19px;
}
.pressTable td span {
    font-size: 16px;
    line-height: 22px;
    display: block;
    height: 48px;
    overflow: hidden;
    text-align: left;
    background: url(/images/community/d_arr.png) no-repeat right 32px;
    padding-right: 16px;
    background-size: 10px;
    font-weight: 300;
}
.pressTable td:nth-child(3) {
    text-align: left;
    vertical-align: top;
}
.noticeTitle {
    padding-bottom: 70px;
}
.noticeTitle h2.noticeH2 {
    text-indent: -999999px;
    width: 366px;
    height: 81px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}
.noticeTitle span.h2span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
.paging {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.paging a {
    height: 36px;
    display: inline-block;
    line-height: 36px;
    border: 1px solid #e4e4e4;
    color: #666;
    font-size: 14px;
}
.paging > a.prev {
    text-indent: 15px;
    width: 98px;
    background: url(/images/common/an_left.png) 15% 52% no-repeat;
}
.paging > a.next {
    text-indent: -15px;
    width: 98px;
    background: url(/images/common/an_right.png) 85% 52% no-repeat;
}
.paging a:hover {
    background-color: #e4e4e4;
}
.paging a.on {
    background-color: #41b0bd;
    color: #fff;
}
.paging span > a {
    width: 36px;
}
.blueBtn {
    width: 232px;
    margin: 30px auto;
}
.blueBtn a {
    display: block;
    width: 232px;
    height: 48px;
    line-height: 48px;
    background: #41b0bd;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
#captchacode {
    width: 25%;
    display: inline;
    margin: 5px 0;
    height: 38px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    text-indent: 10px;
}
#imgCaptcha + a {
    display: inline-block;
    width: 69px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #848484;
    margin: 12px 0;
    text-align: center;
    background-color: #e4e4e4;
    font-size: 11px;
    font-family: Dotum;
    color: #1d1d1d;
    vertical-align: top;
}
#epLayer {
    z-index: 99999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -186px;
    margin-top: -265px;
    width: 373px;
    height: 228px;
    border: 1px solid #000;
    background-color: #e3e3e3;
    text-align: center;
    display: none;
}
#epLayer strong {
    display: inline-block;
    margin: 55px auto 20px;
    padding-left: 20px;
    background: url(/images/common/pw_ico.gif) no-repeat 0 6px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
#epLayer .pwMatch {
    display: block;
    width: 293px;
    height: 43px;
    margin: 0 auto 15px;
    border: none;
    text-align: center;
}
#epLayer .okBtn {
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    background-color: #848484;
    color: #fff;
    font-size: 13px;
}
#qnaList {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#qnaList .noticeTitle > h2 {
    background: url(/images/community/qna_title.png) no-repeat;
}
#qnaList .select-wrap.campus-select {
    width: 1050px;
    height: 46px;
    border: 1px solid #c3c3c3;
    color: #333;
    font-size: 14px;
    margin-bottom: 40px;
}
#qnaList .select-wrap.campus-select > select {
    height: 46px;
}
#qnaList .select-wrap.campus-select .fa {
    line-height: 44px;
    width: 36px;
    height: 44px;
}
.qnalistBox table.ntcTable {
    width: 1050px;
    text-align: center;
    color: #666;
    font-size: 14px;
    border-spacing: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
table.ntcTable tr {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
table.ntcTable tr td {
    padding: 14px 0;
}
table.ntcTable tr td a {
    color: #666;
}
table.ntcTable tr:hover {
    background: #333;
    color: #c7c7c7;
}
table.ntcTable td.tal {
    text-align: left;
}
table.ntcTable td.replytal {
    text-align: left;
    padding-left: 30px;
    background: url(/images/common/reply.png) 0 45% no-repeat;
}
table.ntcTable td.tal a {
    color: #666;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 650px;
    display: block;
}
table.ntcTable td.tal a > img {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
table.ntcTable td.replytal a {
    color: #666;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 55%;
}
table.ntcTable tr:hover a {
    color: #c7c7c7;
}
table.ntcTable td.tdate {
    font-size: 12px;
    color: #a9a9a9;
    font-family: "Open Sans", sans-serif;
}
.noticeSearch {
    width: 1050px;
    margin-bottom: 40px;
}
.noticeSearch .nSelect-wrap {
    float: left;
    width: 140px;
    border-bottom: 1px solid #c3c3c3;
    margin-right: 40px;
}
.noticeSearch .nSelect {
    border: 1px solid #fff;
    width: 100%;
    margin: 4px 0;
}
.nSelect .nsbox {
    width: 100%;
    height: 50px;
    min-height: 46px;
    line-height: 46px;
    opacity: 0;
}
.noticeSearch .nSearch {
    float: left;
    width: 870px;
    border-bottom: 1px solid #c3c3c3;
    height: 52px;
}
.nSearch > input[type="text"] {
    float: left;
    height: 36px;
    width: 198px;
    padding-left: 10px;
    margin: 7px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.nSearch > a {
    float: left;
    display: inline-block;
    color: #5b5b5b;
    margin: 14px;
}
.nSearch > a > i {
    font-size: 24px;
    width: 24px;
}
#qnaView {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#qnaView .noticeTitle > h2 {
    background: url(/images/community/qna_title.png) no-repeat;
}
dl.qvt2 p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    letter-spacing: -0.75px;
}
dl.qvt1 {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
dl.qvt1 > dt {
    float: left;
    width: 850px;
    padding-left: 20px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
}
dl.qvt1 > dd {
    float: left;
    width: 90px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #a9a9a9;
    text-align: center;
}
dl.qvt2 {
    width: 1010px;
    padding: 40px 20px;
    border-bottom: 1px solid #c3c3c3;
}
.qnaViewText dl.qvt2 > ul {
    font-size: 14px;
    color: #a9a9a9;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
}
.qnaViewText dl.qvt2 > span {
    display: block;
    color: #333;
    font-size: 16px;
    letter-spacing: -0.75px;
    margin-bottom: 30px;
}
.qvBtn {
    margin-top: 60px;
}
.qvBtn ul li.lefta {
    float: left;
}
.qvBtn ul li.centera {
    float: left;
    margin-left: 50%;
}
.qvBtn ul li.centera a {
    margin-left: -110px;
}
.qvBtn ul li.righta {
    float: right;
}
#qnaWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#qnaWrite .noticeTitle > h2 {
    background: url(/images/community/qna_title.png) no-repeat;
}
#qnaWrite .qnaWBox {
    width: 1050px;
    margin-bottom: 40px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
    color: #333;
}
.qnaWBox dl.qnatt dt {
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-indent: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #d4d4d4;
}
.qnaWBox dl.qnatt dt > span {
    color: #e86a53;
}
.qnaWBox dl.qnatt dd {
    float: left;
    width: 800px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.qnaWBox dl.qnatt dd input[type="text"] {
    display: block;
    width: 788px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 5px 0;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.qnaWBox dl.qnatt dd .select-wrap.campus-select {
    width: 788px;
    color: #333;
    font-size: 14px;
    margin: 5px 0;
    border: none;
}
.qnaWBox dl.qnatt dd input[type="password"] {
    display: block;
    width: 148px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 10px 0 0;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.qnaWBox span {
    font-size: 14px;
    color: #999;
}
.qnaWBox dl.qnapw dt {
    height: 100px;
}
.qnaWBox dl.qnapw dd {
    height: 100px;
}
.qnaWBox dl.bdbn dt {
    border-bottom: none;
}
.qnaWBox dl.bdbn dd {
    border-bottom: none;
    height: auto;
}
.qnaWBox dl.warea {
    height: 150px;
}
.qnaWBox dl.warea dt {
    float: left;
    width: 180px;
    height: 118px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
.qnaWBox dl.warea dd {
    float: left;
    width: 800px;
    height: 150px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.qnaWBox dl.warea dd textarea {
    display: block;
    width: 768px;
    margin: 10px 0;
    padding: 15px 10px;
    height: 60px;
    max-height: 80px;
    resize: none;
    border: 1px solid #dbdbdb;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #f3f3f3;
}
.qnaWBtn {
    text-align: center;
}
.qnaWBtn a {
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}
.qnaWBtn a.qnaOk {
    background: #41b0bd;
}
.qnaWBtn a.qnaNo {
    background: #333;
}
.modifyT {
    display: inline-block;
    font-size: 11px;
    font-family: dotum;
    color: #a0a0a0;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin: 10px 2px 0 10px;
    letter-spacing: -0.5px;
    position: relative;
    left: 0;
    top: -1px;
}
.deleteT {
    display: inline-block;
    font-size: 11px;
    font-family: dotum;
    color: #a0a0a0;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin: 10px 0 0 2px;
    letter-spacing: -0.5px;
    position: relative;
    left: 0;
    top: -1px;
}
#announceList {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#announceList .noticeTitle > h2 {
    background: url(/images/community/announce_title.png) no-repeat;
}
#announceList .select-wrap.campus-select {
    width: 1050px;
    height: 46px;
    border: 1px solid #c3c3c3;
    color: #333;
    font-size: 14px;
    margin-bottom: 40px;
}
#announceList .select-wrap.campus-select > select {
    height: 46px;
}
#announceList .select-wrap.campus-select .fa {
    line-height: 12px;
    width: 36px;
    height: 12px;
}
.notiIco {
    display: block;
    margin: 0 auto;
}
#announceView {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#announceView .noticeTitle > h2 {
    background: url(/images/community/announce_title.png) no-repeat;
}
.annViewText img {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
#epilogueList {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
    position: relative;
}
#epilogueList .noticeTitle > h2 {
    background: url(/images/community/epilogue_title.png) no-repeat;
}
.epiListBox {
    float: left;
    width: 1050px;
    margin-bottom: 40px;
}
.epiListBox > p {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}
.epiListBox > p > strong {
    font-size: 30px;
    letter-spacing: -1px;
    color: #000;
}
.epiListBox > p > span {
    color: #333;
    margin-left: 15px;
    padding-right: 5px;
    border-right: 1px solid #ededed;
}
.epiListBox li {
    padding: 12px 0;
    border-bottom: 1px solid #c3c3c3;
    color: #777;
    font-size: 14px;
}
.epiListBox li:first-child {
    border-top: 1px solid #c3c3c3;
}
.epiListBox li:hover {
    background-color: #333;
    color: #c7c7c7;
}
.epiListBox li > p {
    float: left;
}
.epiListBox li .name {
    width: 75px;
    text-align: center;
}
.epiListBox li .class {
    width: 140px;
    padding-left: 10px;
}
.epiListBox li .text {
    width: 670px;
    padding-left: 10px;
}
.epiListBox li .btn {
    float: right;
    padding-right: 10px;
}
.modifyText {
    display: none;
    font-size: 11px;
    font-family: dotum;
    color: #a0a0a0;
    padding: 1px 2px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin: 0 2px 0 10px;
    letter-spacing: -0.5px;
    position: relative;
    left: 0;
    top: -1px;
}
.deleteText {
    display: none;
    font-size: 11px;
    font-family: dotum;
    color: #a0a0a0;
    padding: 1px 2px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin-left: 2px;
    letter-spacing: -0.5px;
    position: relative;
    left: 0;
    top: -1px;
}
#epilogueWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#epilogueWrite .noticeTitle > h2 {
    background: url(/images/community/epilogue_title.png) no-repeat;
}
#epilogueWrite .epiWBox {
    width: 1050px;
    margin-bottom: 40px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
    color: #333;
}
.epiWBox dl.eptt dt {
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-indent: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #d4d4d4;
}
.epiWBox dl.eptt dd {
    float: left;
    width: 800px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.epiWBox dl.eptt dd .select-wrap {
    width: 250px;
    margin-top: 5px;
}
.epiWBox dl.eptt dd input[type="text"] {
    display: block;
    width: 778px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 5px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.epiWBox dl.eptt dd .categorySelectBox {
    width: 298px;
    margin: 5px 0;
}
.epiWBox dl.eptt dd .categorySelectBox > select {
    background-color: #f3f3f3;
}
.epiWBox dl.eptt dd input[type="password"] {
    display: block;
    width: 148px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 10px 0 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.epiWBox dl.eptt dd span {
    font-size: 14px;
    color: #999;
}
.epiWBox dl.eppw dt {
    height: 100px;
}
.epiWBox dl.eppw dd {
    height: 100px;
}
.epiWBox dl.bdbn dt {
    border-bottom: none;
}
.epiWBox dl.bdbn dd {
    border-bottom: none;
    height: auto;
}
.epiWBox dl.warea {
    height: 352px;
}
.epiWBox dl.warea dt {
    float: left;
    width: 180px;
    height: 320px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
.epiWBox dl.warea dd {
    float: left;
    width: 800px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.epiWBox dl.warea dd textarea {
    display: block;
    width: 758px;
    margin: 10px 0;
    padding: 15px 10px;
    height: 300px;
    max-height: 300px;
    resize: none;
    border: 1px solid #dbdbdb;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #f3f3f3;
}
.epWBtn {
    text-align: center;
}
.epWBtn a {
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}
.epWBtn a.epOk {
    background: #41b0bd;
}
.epWBtn a.epNo {
    background: #333;
}
#photoStory1 {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#photoStory1 .noticeTitle > h2 {
    background: url(/images/community/photo_title.png) no-repeat;
}
.psList {
    width: 1050px;
    height: 100%;
}
.psList > ul > li {
    float: left;
    width: 300px;
    margin: 0 10px 40px 10px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 40px 10px 10px;
    position: relative;
}
.psList > ul > li > a > h4 {
    width: 200px;
    padding: 0 10px;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    display: block;
    position: absolute;
    top: -10px;
    text-align: center;
    left: 50%;
}
.psList > ul > li:hover > a > h4 {
    color: #7dd3dd;
}
.psList > ul > li > a > p {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    letter-spacing: -1px;
    font-weight: 300;
    padding-bottom: 10px;
    min-height: 50px;
}
.psList > ul > li a > .img_sc_box img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.psList > ul > li a:hover > .img_sc_box img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}
.psList > ul > li:hover {
    background: #494949;
}
.psList > ul > li img {
    width: 100%;
}
.psList > ul > li > a > h4 {
    width: 250px;
    padding: 0;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    background: 0 0;
    display: block;
    position: static;
    margin: 0 auto;
    text-align: center;
    height: 60px;
    padding-top: 20px;
}
.psList > ul > li:hover > a > h4,
.psList > ul > li:hover > a > p {
    color: #fff;
}
.psList > ul > li > a > p {
    min-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    width: 290px;
    margin: 0 auto;
    letter-spacing: -1px;
    font-weight: 300;
    padding-bottom: 23px;
}
#photoStory2 {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#photoStory2 .noticeTitle > h2 {
    background: url(/images/community/photo_title.png) no-repeat;
}
.psView {
    width: 1050px;
    height: 100%;
}
.psView .pvBox1 {
    width: 100%;
    border-top: 1px solid #333;
    padding: 80px 0 60px 0;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
}
.pvBox1 > h3 {
    font-size: 28px;
    color: #333;
    font-weight: 300;
    padding-bottom: 20px;
}
.pvBox1 > span {
    font-size: 14px;
    color: #aaa;
}
.psView .pvBox2 {
    width: 770px;
    margin: 0 auto;
    padding: 80px 100px;
    border-bottom: 1px solid #d4d4d4;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}
.psView .pvBox2 .imgBox {
    width: 840px;
    height: 580px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    float: left;
}
.psView .pvBox2 .imgBox span > img {
    position: absolute;
    top: 0;
    left: 0;
}
.psView .pvBox2 .imgBox > img {
    position: absolute;
    top: 0;
    left: 0;
}
.psView .pvBox2 .imgBox > img.nextig {
    position: absolute;
    top: 0;
    left: 100%;
}
.psView .pvBox2 .imgBox > a.lefta {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    z-index: 15;
}
.psView .pvBox2 .imgBox > a.righta {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    z-index: 15;
}
.psView .pvBox2 .thumImg {
    text-align: center;
    margin-bottom: 20px;
}
.psView .pvBox2 .thumImg span {
    display: inline-block;
    width: 55px;
    height: 40px;
    overflow: hidden;
}
.psView .pvBox2 .thumImg span.active {
    opacity: 0.5;
}
.psView .pvBox2 .thumImg span > img {
    width: 100%;
}
#portfolio1 {
    width: 100%;
    background: #dbdbd9;
}
#pofolBox1 {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#pofolBox1 .noticeTitle > h2 {
    background: url(/images/community/portfolio_title.png) no-repeat;
}
.pfsubBox .portBox {
    position: relative;
}
.pfsubBox .portBox:hover .bgBox {
    display: block;
}
.pfsubBox .portBox .bgBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    display: none;
}
.pfsubBox .portBox .bgBox > input {
    width: 232px;
    height: 48px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -116px;
    margin-top: -24px;
    letter-spacing: 0.5px;
}
.pfsubBox .portBox .bgBox > input:hover {
    background: #fff;
    color: #000;
}
#portfolio2 {
    width: 100%;
    background: #dbdbd9;
}
#pofolBox2_1 {
    width: 1050px;
    padding: 105px 0 0;
    margin: 0 auto;
}
#pofolBox2_1 .noticeTitle > h2 {
    background: url(/images/community/portfolio_title.png) no-repeat;
}
#pofolBox2_2 {
    width: 1100px;
    margin: 0 auto;
    background: #fff;
}
#pofolBox2_2 .pfViewBox {
    width: 1050px;
    padding: 40px 0;
    margin: 0 auto;
}
#pofolBox2_3 {
    width: 1050px;
    margin: 0 auto;
    margin-top: 80px;
    border-top: 1px solid #c3c3c3;
    padding: 0 0 80px 0;
}
.pfViewBox .pfvBox1 {
    width: 100%;
    border-top: 1px solid #333;
    padding: 80px 0 60px 0;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
}
.pfvBox1 > h3 {
    font-size: 28px;
    color: #333;
    font-weight: 300;
    padding-bottom: 20px;
}
.pfvBox1 > span {
    font-size: 14px;
    color: #aaa;
}
.pfViewBox .pfvBox2 {
    width: 1000px;
    padding: 80px 0 80px 50px;
}
.pfvBox2 .p2Content1 {
    float: left;
    margin-bottom: 100px;
}
.p2Content1 .p2c1Left {
    float: left;
    width: 406px;
}
.p2Content1 .p2c1Left span.makename {
    display: block;
    font-size: 10px;
    letter-spacing: 0.75px;
    font-weight: 700;
    margin-bottom: 60px;
    text-transform: uppercase;
}
.p2Content1 .p2c1Left span.makename hr {
    display: inline-block;
    border-top: 0.5px solid #000;
    width: 40px;
    margin-right: 30px;
}
.p2c1Left h3 {
    font-size: 58px;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 0.75px;
    font-weight: 100;
    display: block;
    margin-bottom: 60px;
}
.p2c1Left div.pfurl {
    width: 290px;
    height: 47px;
    border: 3px solid #000;
    line-height: 47px;
    padding-left: 20px;
}
.p2c1Left div.pfurl a {
    color: #000;
}
.p2Content1 .p2c1Right {
    float: left;
    width: 546px;
    height: 741px;
    overflow: hidden;
}
.pfvBox2 .p2Content2 {
    float: left;
    margin-bottom: 100px;
}
.p2Content2 .p2c2Left {
    float: left;
    width: 545px;
    margin-right: 40px;
}
.p2Content2 .p2c2Left > img {
    margin-top: 30px;
}
.p2Content2 .p2c2Right {
    float: left;
    padding-top: 440px;
}
.pfvBox2 h4.pp4 {
    font-size: 27px;
    color: #333;
    display: block;
    margin-bottom: 22px;
}
.pfvBox2 p.ppp4 {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.pfvBox2 .p2Content3 {
    float: left;
    margin-bottom: 120px;
}
.p2Content3 .p2c3Box1 {
    width: 951px;
    margin-top: 20px;
    height: 368px;
    border: 1px solid #e4e4e4;
}
.p2Content4 .p2c4Left {
    width: 408px;
    float: left;
    padding-top: 240px;
}
.morePort {
    text-align: center;
}
.morePort a {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    padding: 8px 20px 12px;
    background-color: #000;
}
#counsellingWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#counsellingWrite .noticeTitle > h2 {
    background: url(/images/community/counselling_title.png) no-repeat;
}
#counsellingWrite .counWBox {
    width: 1050px;
    margin-bottom: 20px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
    color: #333;
}
.counWBox dl.cntt dt {
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-indent: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #d4d4d4;
}
.counWBox dl.cntt dd {
    float: left;
    width: 800px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.counWBox dl.cntt dd input[type="radio"] {
    display: none;
}
.counWBox dl.cntt dd input[type="radio"] + label {
    margin-right: 40px;
    padding-left: 20px;
    background: url(/images/common/radio_off.gif) no-repeat 0 5px;
}
.counWBox dl.cntt dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 5px;
}
#radio6 + label {
    margin-right: 95px;
}
.counWBox dl.cntt dd input[type="text"] {
    display: block;
    width: 778px;
    border: none;
    height: 38px;
    margin: 5px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.counWBox dl.cntt dd .campusSelectBox {
    position: relative;
    width: 168px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.counWBox dl.cntt dd .campusSelectBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
.counWBox dl.cntt dd .campusSelectBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.counWBox dl.cntt dd input.name,
.counWBox dl.cntt dd input.w170 {
    width: 168px;
}
.counWBox dl.cntt dd .select-wrap {
    margin: 5px 0;
}
.counWBox dl.cntt dd .select-wrap select {
    background-color: #f3f3f3;
}
.counWBox dl.cntt dd .phone-hyphen {
    margin: 5px 0;
}
.counWBox dl.cntt dd .select-wrap.w100 {
    width: 100px;
    float: left;
    margin: 5px;
}
.counWBox dl.cntt dd .cal-hyphen {
    margin: 5px 0;
    padding: 0 10px;
    line-height: 38px;
    float: left;
}
.counWBox dl.cntt dd span {
    font-size: 14px;
    color: #999;
}
.counWBox dl.cntt dd .calendar {
    padding-left: 27px;
    background: url(/images/common/calendar_ico.gif) no-repeat 0 center;
    float: left;
}
.counWBox dl.cntt dd .calendar input {
    width: 150px;
    border: none;
    background-color: transparent;
}
.counWBox dl.cnpw dt {
    height: 100px;
}
.counWBox dl.cnpw dd {
    height: 100px;
}
.counWBox dl.bdbn dt {
    border-bottom: none;
}
.counWBox dl.bdbn dd {
    border-bottom: none;
    height: auto;
}
.counWBox dl.warea {
    height: 101px;
}
.counWBox dl.warea dt {
    float: left;
    width: 180px;
    height: 68px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
.counWBox dl.warea dd {
    float: left;
    width: 800px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.counWBox dl.warea dd textarea {
    display: block;
    width: 758px;
    margin: 10px 0;
    padding: 15px 10px;
    height: 48px;
    max-height: 48px;
    resize: none;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    font-family: "Noto Sans KR", sans-serif;
}
.counWBtn {
    text-align: center;
}
.counWBtn a {
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}
.counWBtn a.cnOk {
    background: #41b0bd;
}
.counWBtn a.cnNo {
    background: #333;
}
.counWBox > dl:last-child dd,
.counWBox > dl:last-child dt {
    border-bottom: 0;
}
.privacyPolicy {
    padding-top: 20px;
    margin-bottom: 50px;
}
.privacyPolicy strong {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 10px;
}
.pvcPlc {
    width: 100%;
    height: 166px;
    padding: 30px;
    border: 1px solid #d4d4d4;
    background-color: #eee;
    color: #333;
    font-size: 14px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pvcPlc strong {
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
.pvcPlc p {
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin-bottom: 30px;
}
.pvcPlc p.mgbn {
    margin-bottom: 0;
}
.pvcPlc table {
    width: 600px;
    border-collapse: collapse;
    margin: 5px 0;
    text-align: center;
}
.pvcPlc .agreement-inner-table {
    width: 100%;
}
.pvcPlc .agreement-inner-table td > span.point {
    color: #e2735f;
}
.pvcPlc td {
    width: 150px;
    border: 1px solid #aaa;
    padding: 5px 0;
}
.pvcPlc a {
    text-decoration: underline;
}
#counsellingComplete {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#counsellingComplete .noticeTitle > h2 {
    background: url(/images/community/counselling_title.png) no-repeat;
}
#counsellingComplete .counCBox {
    width: 1050px;
    margin-bottom: 40px;
    border-top: 3px solid #333;
    font-size: 16px;
    color: #333;
    background-color: #e3e3e3;
}
.counCBox strong {
    display: block;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: -1px;
    padding-top: 100px;
    margin-bottom: 30px;
}
.counCBox p {
    text-align: center;
    font-size: 15px;
    color: #aaa;
    padding-bottom: 100px;
}
.counWBtn {
    text-align: center;
}
.counWBtn a,
.counWBtn input[type="submit"] {
    display: inline-block;
    border: 0;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}
.counWBtn a.cnCpl {
    background: #41b0bd;
    margin-right: 0;
}
#history {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#history .noticeTitle > h2 {
    background: url(/images/common/history_title.png) no-repeat;
}
#history > span {
    display: block;
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 40px;
    margin-bottom: 100px;
}
.historyBox {
    width: 1050px;
    margin-bottom: 40px;
    overflow: hidden;
}
.hisArrow .leftA {
    float: left;
}
.hisArrow .rightA {
    float: right;
}
.historySBox {
    padding-left: 50px;
    position: relative;
    top: 0;
    left: 0;
}
.historySBox > div {
    float: left;
    width: 350px;
}
.historySBox strong {
    display: inline-block;
    font-family: "Bodoni MT", sans-serif;
    font-size: 60px;
    color: #e4e4e4;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -5px;
    cursor: pointer;
    position: relative;
    top: 0;
    left: -50px;
}
.historySBox strong.active {
    color: #000;
}
.hisText {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e4e4e4;
    padding-left: 10px;
}
.hisText p {
    float: left;
    width: 280px;
    font-size: 15px;
    color: #666;
    margin-bottom: 25px;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.hisText p.mgbn {
    margin-bottom: 0;
}
.hisText p.mgl23 {
    margin-left: 23px;
    margin-top: -10px;
}
.hisText span.mon {
    clear: both;
    float: left;
    display: block;
    width: 18px;
    font-size: 15px;
    color: #666;
    padding-right: 5px;
    font-weight: 600;
}
.hisText span.lct {
    display: block;
}
.hisText img {
    display: block;
    margin-left: 23px;
    margin-bottom: 30px;
}
.banner img {
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
.hisText .mg155 {
    margin-bottom: 10px;
}
#teacherInfoContent1 {
    width: 100%;
    position: relative;
}
.teacherInfoSContent1 {
    width: 100%;
    background: url(/images/campus/teacher_info_cont1_bg.jpg) repeat-x 2px 0;
}
.teacherSlide {
    width: 1100px;
    height: 520px;
    margin: 0 auto;
    position: relative;
}
.teacherSlide .control-box {
    position: absolute;
    top: 30px;
    right: 25px;
    width: 150px;
    z-index: 10;
}
.teacherSlide .control-box > div {
    position: relative;
    overflow: hidden;
}
.teacherSlide .control-box > div .control-pagination {
    position: relative;
    font-size: 14px;
    line-height: 34px;
    margin-top: 9px;
}
.teacherSlide .control-box > div .control-pagination .swiper-pagination-current,
.teacherSlide .control-box > div .control-pagination .swiper-pagination-total {
    font-weight: 400;
}
.teacherSlide .control-box > div .control-button-next,
.teacherSlide .control-box > div .control-button-prev {
    position: absolute;
    top: 1px;
    border: none;
    z-index: 10;
    cursor: pointer;
}
.teacherSlide .control-box > div .control-button-next:focus,
.teacherSlide .control-box > div .control-button-prev:focus {
    outline: 0;
}
.teacherSlide .control-box > div .control-button-prev {
    left: 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px -376px;
    width: 34px;
    height: 34px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.teacherSlide .control-box > div .control-button-next {
    right: 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -528px -376px;
    width: 34px;
    height: 34px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.teacherSSlide {
    width: 1100px;
    height: 520px;
    position: relative;
    overflow: hidden;
}
.tSlideImg {
    width: 1100px;
    height: 520px;
    overflow: hidden;
}
.tSlideImg img {
    float: left;
}
.controlBox {
    height: 34px;
    position: absolute;
    top: 30px;
    right: 20px;
    font-weight: 700;
    font-size: 14px;
}
.controlBox img {
    margin: 0 10px;
}
.controlBox span {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
}
#teacherInfoContent2 {
    width: 100%;
    height: 922px;
    background: url(/images/campus/teacher_info_cont2_bg2.jpg) repeat-x;
}
.teacherInfoSContent2 {
    width: 100%;
    height: 922px;
    background: url(/images/campus/teacher_info_cont2_bg.jpg) no-repeat center center;
}
.ezenteacherBox1 {
    width: 1050px;
    height: 702px;
    padding: 110px 25px 0;
    margin: 0 auto;
}
.eztb1 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb1 strong {
    display: block;
    font-size: 78px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
    padding-top: 60px;
}
.eztb2 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb3 {
    width: 256px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb4 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb5 {
    width: 260px;
    height: 466px;
    float: right;
    margin: 0 0 6px 6px;
}
.eztb6 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb7 {
    width: 256px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb7 span {
    display: block;
    font-size: 32px;
    color: #fff;
    letter-spacing: -2.5px;
    font-weight: 300;
    padding-top: 115px;
    padding-left: 15px;
    line-height: 1.2;
}
.bs {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px #444;
    box-shadow: 1px 1px 5px #444;
}
#teacherInfoContent3 {
    width: 100%;
    height: 1416px;
    background: url(/images/campus/teacher_info_cont3_bg2.jpg) repeat;
}
.teacherInfoSContent3 {
    width: 100%;
    height: 1416px;
    background: url(/images/campus/teacher_info_cont3_bg.jpg) no-repeat center center;
}
.ezenteacherBox2 {
    width: 1050px;
    height: 1174px;
    padding: 120px 25px 0;
    margin: 0 auto;
}
.eztb8 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb9 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb10 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb11 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb12 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb13 {
    width: 256px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb13 span {
    display: block;
    font-size: 32px;
    color: #e6e6e6;
    letter-spacing: -2.5px;
    font-weight: 200;
    padding-top: 100px;
    padding-left: 15px;
    line-height: 1.2;
}
.eztb14 {
    width: 260px;
    height: 466px;
    float: right;
    margin: 0 0 6px 6px;
}
.eztb15 {
    width: 256px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb16 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
.eztb17 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 0;
}
.eztb17 strong {
    display: block;
    font-size: 62px;
    color: #e7e7e7;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
    padding-top: 110px;
    background: url(/images/campus/teacher_info_title_bg.gif) no-repeat 0 90px;
}
.eztb18 {
    width: 522px;
    height: 230px;
    float: left;
    margin: 0 0 6px 6px;
}
#teacherContent1 {
    width: 100%;
    position: relative;
}
.teacherSContent1 {
    width: 1100px;
    margin: 0 auto;
}
.teacherSContent1 .leftBox {
    float: left;
    width: 525px;
    padding-left: 25px;
    margin-right: 70px;
}
.teacherSContent1 .leftBox img {
    display: block;
}
.teacherSContent1 .rightBox {
    float: left;
    width: 480px;
}
.teacherSContent1 .rightBox h1 {
    padding-top: 80px;
    font-size: 56px;
    letter-spacing: -6px;
    color: #191919;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 50px;
}
.teacherSContent1 .rightBox h1 span {
    font-weight: 200;
    letter-spacing: -8px;
}
.rightDetail {
    width: 455px;
    background: url(/images/campus/teacher_cont1_rb_bg.gif) repeat;
    border-top: 4px solid #000;
    border-bottom: 1px solid #e5e5e5;
    padding: 17px 0;
    margin-bottom: 10px;
}
.rightDetail dl {
    padding: 6px 0;
}
.rightDetail dt {
    float: left;
    width: 81px;
    padding: 3px 0 4px;
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    margin-right: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}
.rightDetail dd {
    float: left;
    width: 344px;
    color: #666;
    letter-spacing: -1.5px;
    font-size: 16px;
}
.rightDetail2 {
    width: 455px;
    margin-bottom: 30px;
}
.rightDetail2 span {
    display: block;
    float: left;
    color: #666;
    margin-right: 5px;
    margin-top: 20px;
    font-weight: 500;
    letter-spacing: -0.75px;
}
.rightDetail2 span.rd2bt1 {
    padding-top: 25px;
    padding-left: 5px;
    margin-right: 15px;
}
.rightDetail2 span.rd2bt2 {
    padding-top: 25px;
    padding-left: 5px;
}
.rightDetail2 strong {
    display: block;
    float: left;
    color: #e85338;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -5px;
}
.rightDetail2 a {
    float: right;
    font-weight: 600;
    display: block;
    width: 130px;
    font-size: 15px;
    padding: 6px;
    border-bottom: 1px solid #ebebeb;
    color: #000;
    text-transform: uppercase;
    margin-top: 6px;
    background: url(/images/campus/teacher_right_arrow.gif) no-repeat right center;
}
.rightDetail2 a.bdbn {
    border-bottom: none;
    margin-top: 0;
}
.teacherCont1Bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background: url(/images/campus/teacher_cont1_pattern.png) repeat;
}
.teacherSCont1Bot {
    width: 1100px;
    margin: 0 auto;
}
.rightDetail3 {
    width: 455px;
    float: right;
    margin-right: 25px;
}
.rightDetail3 dt {
    float: left;
    width: 81px;
    padding: 3px 0 4px;
    background-color: #7d7d7d;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    margin-right: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}
.rightDetail3 dd {
    float: left;
    width: 344px;
    color: #666;
    letter-spacing: -1.5px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
}
#teacherVideoContent {
    background: url(/images/campus/video_contents_bg.jpg) repeat;
}
#teacherContent2 {
    width: 100%;
    height: 924px;
    background: url(/images/campus/teacher_cont2_bg3.jpg) no-repeat center center, url(/images/campus/teacher_cont2_bg2.jpg) repeat;
}
.teacherSContent2 {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
}
.teacherSContent2 h2 {
    text-align: center;
    margin-bottom: 40px;
}
.teacherSContent2 strong {
    display: block;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 20px;
}
.teacherSContent2 > p {
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
    color: #28525a;
    margin-bottom: 50px;
}
.teacherRolling {
    width: 1050px;
    height: 538px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.teacherRolling .tLeftArrow,
.teacherRolling .tRightArrow {
    position: absolute;
    top: 140px;
    z-index: 100;
}
.teacherRolling .tLeftArrow {
    left: 0;
}
.teacherRolling .tLeftArrow img {
    display: block;
}
.teacherRolling .tRightArrow {
    right: 0;
}
.teacherRolling .tRightArrow img {
    display: block;
}
.teacherRolling .tRollingC2 {
    padding-left: 155px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.teacherRolling .bx-controls {
    position: absolute;
    left: -999em;
}
#tc-view .movie_text {
    width: 544px;
    background: #2c3847;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 9px 0;
}
#tc-view .movie_text p {
    font-size: 16px;
}
#tc-view .movie_position .swiper-wrapper {
    width: 544px;
    margin: 0 auto;
}
#tc-view .movie_position .video-thumbnails {
    text-align: center;
}
#tc-view .movie_position .video-thumbnails p {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 10px;
}
#tc-view .movie_position .video-thumbnails a {
    float: none;
    display: inline-block;
    text-align: center;
    width: 155px;
    position: relative;
    vertical-align: top;
}
#tc-view .movie_position .video-thumbnails a strong {
    font-size: 17px;
    color: #000;
    display: block;
    font-weight: 400;
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 20px;
    word-break: keep-all;
    word-wrap: break-word;
}
#tc-view .movie_position .video-thumbnails a strong span {
    font-size: 13px;
    color: #929191;
    line-height: 14px;
    display: block;
    letter-spacing: -1px;
    font-weight: 300;
    margin-top: 3px;
}
#tc-view .movie_position .video-thumbnails a.top {
    margin: 0 20px;
}
#tc-view .movie_position .video-thumbnails a.bottom {
    margin: 0 12px;
}
#tc-view .movie_position .video-thumbnails a.active:after {
    width: 149px;
    height: 85px;
    position: absolute;
    border: 3px solid #e86a53;
    top: 0;
    left: 0;
}
#tc-view .teacher1 {
    background: url(/images/campus/teacher_b_bg1.png) no-repeat 90% bottom, url(/images/campus/teacher_cont4_bg.jpg) no-repeat center center, url(/images/campus/teacher_cont4_bg2.jpg) repeat !important;
}
#tc-view .teacher2 {
    background: url(/images/campus/teacher_b_bg2.png) no-repeat 85% bottom, url(/images/campus/teacher_cont4_bg.jpg) no-repeat center center, url(/images/campus/teacher_cont4_bg2.jpg) repeat !important;
}
#tc-view .sample2 p {
    margin-top: 0 !important;
}
.tRImg img {
    display: block;
    margin: 0 auto;
}
.tRollingC .rollingreview-inner {
    width: 740px;
    margin: 0 auto;
}
.rollingreview {
    float: left;
    width: 348px;
    height: 160px;
    border: 1px solid #fff;
    margin-right: 40px;
    margin-bottom: 30px;
}
.rollingreview + .rollingreview {
    margin-right: 0;
}
.rollingreview + .rollingreview + .rollingreview {
    margin-right: 40px;
    margin-bottom: 0;
}
.rollingreview + .rollingreview + .rollingreview + .rollingreview {
    margin-right: 0;
}
.rrTitle {
    height: 24px;
    font-size: 16px;
    letter-spacing: -0.7px;
    text-align: center;
    padding: 13px 0;
    border-bottom: 1px solid #fff;
    background: url(/images/common/rollingr_title.png) repeat;
}
.rrTitle span {
    color: #e33f21;
}
.rrText {
    height: 109px;
    background: url(/images/common/rollingr_text.png) repeat;
}
.rrText .leftBox {
    float: left;
    width: 70px;
    background: url(/images/common/rollingr_ico.png) no-repeat center 20px;
}
.rrText .leftBox span {
    display: block;
    text-align: center;
    padding-top: 47px;
    font-family: Dotum;
    color: #fff;
}
.rrText .rightBox {
    float: left;
    width: 250px;
}
.rrText .rightBox p {
    font-size: 14px;
    letter-spacing: -1px;
    color: #28525a;
    padding-top: 15px;
    line-height: 1.8;
}
.tCtrBtn {
    clear: both;
    padding-top: 65px;
    text-align: center;
}
.tCtrB {
    display: inline-block;
    width: 60px;
    height: 3px;
    background: url(/images/campus/teacher_cont2_btn.gif) no-repeat 0 0;
    opacity: 1 !important;
    text-indent: -999999px;
}
.tCtrB.swiper-pagination-bullet-active {
    background-position: 0 -4px;
}
.tCtrB.swiper-pagination-bullet {
    border-radius: 0;
}
#teacherContent3 {
    width: 100%;
    height: 916px;
    background: url(/images/campus/teacher_cont3_bg.jpg) no-repeat center center, url(/images/campus/teacher_cont3_bg2.jpg) repeat;
}
.teacherSContent3 {
    width: 1100px;
    margin: 0 auto;
    padding-top: 85px;
}
.teacherSContent3 h2 {
    text-align: center;
    margin-bottom: 40px;
}
.teacherSContent3 strong {
    display: block;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}
.teacherSContent3 > p {
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
    color: #b4b4b4;
    margin-bottom: 80px;
}
.teacherSContent3 > p span {
    color: #e86a53;
}
.specialImg img {
    display: block;
    margin: 0 auto;
}
#teacherContent4 {
    width: 100%;
    height: 1058px;
    background: url(/images/campus/teacher_cont4_bg.jpg) no-repeat center center, url(/images/campus/teacher_cont4_bg2.jpg) repeat;
}
.teacherSContent4 {
    width: 1100px;
    margin: 0 auto;
    padding-top: 90px;
}
.teacherSContent4 h2 {
    text-align: center;
    margin-bottom: 40px;
}
.teacherSContent4 strong {
    display: block;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}
.teacherSContent4 > p {
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
    color: #fff;
    margin-bottom: 80px;
}
.classStep {
    width: 1050px;
    margin: 0 auto;
}
.moreClass {
    text-align: center;
    margin-top: 50px;
}
.moreClass a {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    padding: 8px 70px 12px;
    background-color: #880016;
}
#campusInfo {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#campusInfo .bx-wrapper {
    position: relative;
}
#campusInfo .bx-next,
#campusInfo .bx-prev {
    position: absolute;
    top: -340px;
}
#campusInfo .bx-prev {
    left: 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px -158px;
    width: 59px;
    height: 60px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#campusInfo .bx-next {
    right: 0;
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -474px -78px;
    width: 60px;
    height: 60px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#campusInfo .bx-controls-direction {
    position: absolute;
    width: 100%;
}
#campusInfo .bx-pager {
    position: absolute;
    left: -999em;
}
#campusInfo #indigator {
    margin-top: 30px;
    height: 88px;
    overflow: hidden;
}
#campusInfo #indigator button {
    display: inline-block;
    width: 70px;
    height: 40px;
    margin: 0 1px;
    border: 0;
}
#campusInfo #indigator button img {
    width: 100%;
}
#campusInfo .noticeTitle > h2 {
    background: url(/images/campus/campus_information_title.png) no-repeat;
}
#campusInfo > span {
    display: block;
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.cLocation {
    width: 1050px;
    margin-bottom: 100px;
}
.cMenu {
    margin-bottom: 50px;
}
.cMenu ul li {
    float: left;
    margin-bottom: 6px;
}
.cMenu ul li:nth-child(15),
.cMenu ul li:nth-child(8) {
    margin-left: 0;
}
.cMenu ul li + li {
    margin-left: 6px;
}
.cMenu ul li a {
    display: block;
    width: 142px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #c7c7c7;
    text-align: center;
    font-size: 18px;
    color: #999;
}
.cMenu ul li.on a {
    border: 1px solid #02bbce;
    background-color: #02bbce;
    color: #fff;
}
.cLocation > strong {
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-right: 10px;
}
.cLocation > span {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    padding-right: 10px;
    border-right: 1px solid #ededed;
    margin-right: 10px;
}
.cLocation > p {
    display: inline;
    font-size: 14px;
    color: grey;
}
.cLct {
    margin-top: 10px;
}
.cMap {
    display: none;
}
.cMap.on {
    display: block;
}
.lMap {
    width: 1048px;
    height: 468px;
    border: 1px solid #e8e5dd;
    position: relative;
}
.lMap .mark {
    position: absolute;
    top: 100px;
    left: 410px;
}
.cMap dl {
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
}
.cMap dt {
    float: left;
    width: 60px;
    color: #666;
    text-align: center;
    padding: 15px 0;
}
.cMap dd {
    float: left;
    padding: 15px 10px;
    letter-spacing: -1px;
}
.cMap .w710 {
    width: 690px;
}
.cMap .tel {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 13px 10px;
}
.cEnvironment {
    width: 1050px;
    margin-bottom: 40px;
}
.cEnvironment > strong {
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-right: 10px;
}
.cEnvironment > span {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    padding-right: 10px;
    border-right: 1px solid #ededed;
    margin-right: 10px;
}
.cEnvironment > p {
    display: inline;
    font-size: 14px;
    color: grey;
}
.cSlide {
    width: 1050px;
    height: 700px;
    margin-top: 10px;
    position: relative;
    display: none;
}
.cSlide.on {
    display: block;
}
.cSImg {
    overflow: hidden;
    height: 600px;
}
.cSImg img {
    display: block;
}
.cSlide .lefta {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -80px;
}
.cSlide .righta {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -80px;
}
.cSlide .thumbImg {
    width: 1050px;
    height: 40px;
    padding: 30px 0;
    position: relative;
    top: 600px;
    left: 0;
    text-align: left;
}
.cSlide .thumbImg span {
    display: inline-block;
    width: 70px;
    height: 40px;
    padding: 0 1px;
}
.cSlide .thumbImg span.active {
    opacity: 0.5;
}
.cSlide .thumbImg span img {
    width: 100%;
}
#brandStory {
    width: 1100px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#brandStory .noticeTitle > h2 {
    background: url(/images/intro/brandstory_title.png) no-repeat;
}
#brandStory > span {
    display: block;
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.bSInfo {
    width: 1041px;
    height: 541px;
    margin: 0 auto 80px;
    background: url(/images/intro/bs_bg.png) no-repeat;
}
.bSInfo h3 {
    font-size: 43px;
    letter-spacing: -2.4px;
    text-align: center;
    padding-top: 235px;
    font-weight: 400;
}
.bSInfo p {
    font-size: 22px;
    letter-spacing: -1.5px;
    text-align: center;
    font-weight: 300;
    line-height: 1.4;
}
.bsText {
    margin-bottom: 90px;
}
.bsText strong {
    display: block;
    font-size: 32px;
    color: #333;
    letter-spacing: -2px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px;
}
.bsText p {
    font-size: 16px;
    letter-spacing: -0.7px;
    color: #333;
    text-align: center;
    line-height: 1.2;
}
.bsContent1 {
    margin-bottom: 25px;
}
.bsContent1 .leftBox {
    float: left;
    width: 600px;
}
.bsContent1 .rightBox {
    float: left;
    width: 500px;
}
.bsContent1 .rightBox img {
    display: block;
    margin-left: 28px;
}
.bsContent2 .leftBox {
    float: left;
    width: 500px;
}
.bsContent2 .leftBox img {
    display: block;
    margin-bottom: 60px;
}
.bsContent2 .rightBox {
    float: left;
    width: 600px;
    padding-top: 30px;
    position: relative;
    top: 0;
    left: -30px;
}
.bsbg {
    background: url(/images/intro/cert13_bg.gif) no-repeat 300px bottom;
}
.bsT1 {
    margin-bottom: 60px;
}
.bsT1 .bigN {
    float: left;
    width: 145px;
    font-family: "Bodoni MT", sans-serif;
    font-size: 110px;
    font-style: italic;
    color: #e4e4e4;
    letter-spacing: -10px;
    line-height: 0.8;
    padding-left: 45px;
    padding-right: 15px;
    text-align: center;
}
.bsT1 .bigN span {
    display: block;
    font-size: 45px;
    letter-spacing: -2px;
    padding-left: 10px;
}
.bsT1 strong {
    float: left;
    display: block;
    width: 395px;
    font-size: 25px;
    letter-spacing: -1.5px;
    font-weight: 400;
    margin-bottom: 5px;
}
.bsT1 p {
    float: left;
    width: 395px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.3;
    padding-bottom: 70px;
}
.bsT2 {
    margin-bottom: 60px;
}
.bsT2 .bigN {
    float: left;
    width: 130px;
    font-family: "Bodoni MT", sans-serif;
    font-size: 50px;
    font-style: italic;
    color: #e4e4e4;
    letter-spacing: -5px;
    line-height: 0.8;
    padding-top: 5px;
    text-align: center;
}
.bsT2 strong {
    float: left;
    display: block;
    width: 370px;
    font-size: 25px;
    letter-spacing: -1.5px;
    font-weight: 400;
    margin-bottom: 5px;
}
.bsT2 p {
    float: left;
    width: 370px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.3;
    padding-bottom: 70px;
}
.bsT3 {
    margin-bottom: 60px;
}
.bsT3 .bigN {
    float: left;
    width: 145px;
    font-family: "Bodoni MT", sans-serif;
    font-size: 110px;
    font-style: italic;
    color: #e4e4e4;
    letter-spacing: -10px;
    line-height: 0.8;
    text-align: center;
}
.bsT3 .bigN span {
    display: block;
    font-size: 45px;
    letter-spacing: -2px;
    padding-left: 10px;
}
.bsT3 strong {
    float: left;
    display: block;
    width: 455px;
    font-size: 25px;
    letter-spacing: -1.5px;
    font-weight: 400;
    margin-bottom: 5px;
}
.bsT3 p {
    float: left;
    width: 455px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.3;
    padding-bottom: 70px;
}
.bsT4 {
    margin-bottom: 60px;
}
.bsT4 .bigN {
    float: left;
    width: 145px;
    font-family: "Bodoni MT", sans-serif;
    font-size: 50px;
    font-style: italic;
    color: #e4e4e4;
    letter-spacing: -5px;
    line-height: 0.8;
    padding-top: 5px;
    text-align: center;
}
.bsT4 strong {
    float: left;
    display: block;
    width: 455px;
    font-size: 25px;
    letter-spacing: -2px;
    font-weight: 400;
    margin-bottom: 5px;
}
.bsT4 p {
    float: left;
    width: 455px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.3;
    padding-bottom: 70px;
}
#cI {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#cI .noticeTitle > h2 {
    background: url(/images/intro/ci_title.png) no-repeat;
}
#cI > span {
    display: block;
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.cIText {
    margin-top: 30px;
}
.cIText > strong {
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.cIText > p {
    font-size: 18px;
    color: #666;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: -1px;
}
.cIText .mgb25 {
    margin-bottom: 25px;
}
.cIText ul {
    margin-bottom: 90px;
}
.cIText ul li {
    float: left;
    width: 350px;
}
.cIText ul .cILL {
    position: relative;
    top: 0;
    left: -25px;
}
.cIText ul .cILR {
    position: relative;
    top: 0;
    right: -25px;
}
.cIText ul li img {
    display: block;
    margin: 0 auto 50px;
}
.cIText ul li p {
    font-size: 15px;
    color: #666;
    text-align: center;
    line-height: 1.2;
    letter-spacing: -1px;
}
.cIText ul li .cIp1 {
    text-align: left;
    padding-left: 95px;
    margin-top: 20px;
}
.ciDown {
    text-align: center;
    margin-bottom: 100px;
}
.ciDown a {
    display: inline-block;
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.aiD {
    background-color: #41b0bd;
}
.jpgD {
    background-color: #333;
}
.dispA span {
    display: block;
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: -0.7px;
}
.dispA img {
    display: block;
}
.dispA .fl {
    float: left;
}
.dispA .fr {
    float: right;
}
.dispA .mgb7 {
    margin-bottom: 7px;
}
.dispA .mgl9 {
    margin-left: 9px;
}
.dispA .mgl8 {
    margin-left: 8px;
}
.dispK {
    margin-bottom: 100px;
}
.dispE {
    margin-bottom: 100px;
}
.dispC {
    margin-bottom: 100px;
}
#empSupport {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#empSupport .noticeTitle h2.noticeH2 {
    width: 664px;
    height: 80px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-image: url(/images/curriculum/employed/employed_title_new.jpg);
}
#unemp-support {
    width: 1050px;
    padding: 100px 0 0;
    margin: 0 auto;
}
#unemp-support h2.noticeH2 {
    width: 664px;
    height: 80px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-image: url(/images/curriculum/employed/unemployed_support_title_new.jpg);
}
.unempSupport {
    width: 1050px;
    padding: 0;
    margin: 0 auto;
}
.unempSupport .classRadioBox dl:first-child dd,
.unempSupport .classRadioBox dl:first-child dt {
    border-top: none;
}
.unempSupport .classRadioBox dd {
    float: left;
    width: 818px;
    padding: 15px 0;
    border-top: 1px solid #d4d4d4;
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
}
.unempSupport .classRadioBox dt {
    float: left;
    width: 162px;
    margin-right: 50px;
    padding: 16px 0 0 20px;
    border-top: 1px solid #d4d4d4;
    font-size: 16px;
    color: #333;
}
.unempSupport .classRadioBox dt {
    color: #139aba;
    font-weight: 700;
}
.unempSupport .classRadioBox .fl {
    float: none;
    display: inline-block;
    width: auto;
    min-width: 355px;
}
.unempSupport .unempForm h4 {
    border-top: 3px solid #000;
    text-align: center;
}
.unempSupport .unempForm select {
    background-color: #f3f3f3;
}
.unempSupport .classRadioBox {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.unempSupport p.bg {
    font-size: 16px;
    color: #e85338;
    padding-left: 20px;
    background: url(/images/common/p_em_bg.png) no-repeat 0 center;
    margin: 10px 0 65px;
}
.unempSupport .userWriteBox {
    border-top: 1px solid #c3c3c3;
    margin-bottom: 60px;
}
.unempSupport .userWriteBox dl dt {
    float: left;
    width: 142px;
    height: 40px;
    line-height: 40px;
    margin-right: 50px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 16px;
    color: #333;
}
.unempSupport .userWriteBox dl dd {
    float: left;
    width: 798px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.unempSupport .userWriteBox dl dd input[type="text"] {
    display: block;
    width: 168px;
    border: 1px solid #dbdbdb;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #f3f3f3;
    text-indent: 10px;
}
.unempSupport .userWriteBox dl dd span {
    font-size: 14px;
    color: #999;
}
.unempSupport .userWriteBox dl dd span.phone-hyphen {
    color: #333;
}
.unempSupport .userWriteBox dl dd select {
    background-color: #f3f3f3;
}
.unempSupport .userWriteBox dl dd input.w170 {
    width: 170px;
    float: left;
    text-align: center;
    text-indent: 0;
}
.unempSupport .userWriteBox dl dd .phoneBox + span,
.unempSupport .userWriteBox dl dd input.w170 + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
.unempSupport .userWriteBox .fl {
    float: left;
    margin-right: 60px;
}
.unempSupport .userWriteBox input[type="radio"] {
    display: none;
}
.unempSupport .userWriteBox input[type="radio"] + label {
    padding-left: 25px;
    background: url(/images/common/radio_off.gif) no-repeat 3px 5px;
}
.unempSupport .userWriteBox input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 3px 5px;
}
.unempSupport .ueBBtn {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.unempSupport .ueBBtn .ueBC {
    background-color: #41b0bd;
    color: #fff;
}
.unempSupport .ueBBtn input[type="submit"] {
    border: 0;
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.unempSupportBox h4 {
    padding-top: 35px;
    margin-bottom: 25px;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.unemp-support-tab .tap .tab-title-box {
    position: relative;
    width: 1050px;
    height: 430px;
    margin: 0 auto;
    padding: 50px 55px 70px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.unemp-support-tab .tap .tab-title-box > h4 {
    font-size: 41px;
    color: #000;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -2.5px;
}
.unemp-support-tab .tap .tab-title-box > p {
    color: #666;
    font-size: 20px;
    line-height: 1.4;
    margin: 27px 0 102px 0;
    font-weight: 300;
    letter-spacing: -1.5px;
}
.unemp-support-tab .tap .tab-title-box > p strong {
    color: #e86a54;
}
.unemp-support-tab .tap .tab-title-box .title-deco {
    position: absolute;
    right: 0;
    top: 50px;
}
.unemp-support-tab .tap .tab-content-box03 {
    background-image: url(/images/curriculum/employed/unemployed_support_step_back.jpg);
    background-repeat: repeat-x;
    padding: 57px 0;
    margin-bottom: 60px;
}
.unemp-support-tab .tap .tab-content-box01 {
    background-color: #e2e2e2;
    padding: 60px 0;
}
.unemp-support-tab .tap .tab-content-box01 ul {
    width: 1050px;
    margin: 35px 0 0 0;
}
.unemp-support-tab .center-inner::after {
    content: "";
    clear: both;
    display: table;
}
.unemp-support-tab .tap2 .tab-content-box01 .diagram-box ul {
    width: 854px;
    overflow: hidden;
    display: block;
    background-image: url(/images/curriculum/employed/unemployed_conter03.png);
    background-size: 854px 214px;
    background-repeat: no-repeat;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
}
.unemp-support-tab .tap2 .tab-content-box01 .diagram-box ul > li {
    float: left;
    width: 206px;
    text-align: center;
    font-size: 21px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 400;
    margin: 60px 0;
}
.unemp-support-tab .tap2 .tab-content-box01 .diagram-box ul > li.center {
    margin: 60px 113px 60px 120px;
}
.unemp-support-tab .tap2 .tab-content-box01 .diagram-box ul > li > strong {
    font-size: 36px;
    font-weight: 600;
}
.unemp-support-tab .tap2 .tab-content-box01 .text-box {
    width: 780px;
    margin: 0 auto;
}
.unemp-support-tab .tap2 .tab-content-box01 .text-box.top {
    margin: 50px auto 20px auto;
}
.unemp-support-tab .tap2 .tab-content-box01 .text-box > h5 {
    font-size: 25px;
    color: #000;
}
.unemp-support-tab .tap2 .tab-content-box01 .text-box small {
    font-size: 14px;
    color: #666;
    margin-left: 15px;
}
.unemp-support-tab .tap2 .tab-content-box01 .diagram-box p {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 20px auto 50px auto;
}
.unemp-support-tab .tap2 .tab-content-box01 ul {
    width: 1050px;
    margin: 20px 0 0 0;
}
.unemp-support-tab .tap2 .tab-content-box01 ul > li {
    position: relative;
    margin-left: 20px;
    font-size: 18px;
    color: #666;
    line-height: 1.66;
    letter-spacing: -1px;
}
.unemp-support-tab .tab-content-box03 {
    margin-bottom: 0;
}
.unemp-support-tab .tab-content-box03 h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 15px 20px;
    line-height: 1;
    letter-spacing: -1.5px;
    position: relative;
}
.unemp-support-tab .tab-content-box03 h4::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 26px;
    background-color: #fff;
    left: -10px;
    top: 3px;
}
.unemp-support-tab .tab-content-box03 .step-list {
    height: 277px;
    background-image: url(/images/curriculum/employed/unemployed_support_step6.png);
    background-repeat: no-repeat;
    background-size: 1050px 277px;
}
.unemp-support-tab .tab-content-box03 .step-list li {
    width: 160px;
    height: 170px;
    float: left;
    text-align: center;
    margin: 110px 17px 0 0;
    font-size: 15.5px;
    color: #f7f7f7;
    font-weight: 300;
    position: relative;
    letter-spacing: -1px;
}
.unemp-support-tab .tab-content-box03 .step-list li:last-child {
    margin-right: 0;
}
.unemp-support-tab .tab-content-box03 .step-list li:first-child span,
.unemp-support-tab .tab-content-box03 .step-list li:last-child span {
    color: #fff;
}
.unemp-support-tab .tab-content-box03 .step-list li > span {
    position: absolute;
    display: block;
    width: 151px;
    bottom: 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
}
.unemp-support-tab .tap1 .tab-content-box01 ul {
    background-image: url(/images/curriculum/employed/unemployed_conter02.jpg);
    background-repeat: no-repeat;
    height: 210px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li {
    float: left;
    width: 300px;
    height: 275px;
    position: relative;
    text-align: center;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step01 {
    margin-left: 50px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step01 > h5 {
    color: #139aba;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li > h5 {
    position: absolute;
    width: 300px;
    bottom: 0;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li > h5 > small {
    font-size: 18px;
    color: #666;
    font-weight: 500;
    letter-spacing: -1px;
    white-space: nowrap;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li > h5 > small > span {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li > p {
    font-size: 21px;
    color: #333;
    margin-top: 67px;
    letter-spacing: -1.5px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li > p > strong {
    font-size: 36px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step02 {
    margin-left: 27px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step02 > h5 {
    color: #004889;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step03 {
    margin-left: 20px;
}
.unemp-support-tab .tap1 .tab-content-box01 ul > li.step03 > h5 {
    color: #004889;
}
.unemp-support-tab .tap1 .tab-content-box04 {
    padding: 62px 0 56px 0;
    background-color: #e2e2e2;
    margin-bottom: 70px;
}
.unemp-support-tab .tap1 .tab-content-box04 .cyan {
    margin-top: 40px;
}
.unemp-support-tab .tap1 .tab-content-box04 .cyan dt {
    border: 1px solid #139aba;
    background-color: #139aba;
}
.unemp-support-tab .tap1 .tab-content-box04 .blue dt {
    border: 1px solid #004889;
    background-color: #004889;
    padding: 100px 0;
}
.unemp-support-tab .tap1 .tab-content-box04 .blue dd {
    height: 189px;
}
.unemp-support-tab .tap1 .tab-content-box04 .black .center {
    width: 820px;
    border-radius: 0 15px 15px 0;
}
.unemp-support-tab .tap1 .tab-content-box04 .black dt {
    border: 1px solid #000;
    background-color: #000;
}
.unemp-support-tab .tap1 .tab-content-box04 dl {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}
.unemp-support-tab .tap1 .tab-content-box04 dt {
    float: left;
    width: 208px;
    font-size: 18px;
    border-radius: 15px 0 0 15px;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
}
.unemp-support-tab .tap1 .tab-content-box04 dd.center {
    width: 555px;
    margin-left: 0;
    border-radius: 0;
}
.unemp-support-tab .tap1 .tab-content-box04 dd {
    float: left;
    padding: 20px 0 20px 20px;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    width: 240px;
    margin-left: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(67%, #f8f8f8));
    background: -webkit-linear-gradient(top, #fff 0, #f8f8f8 67%);
    background: -o-linear-gradient(top, #fff 0, #f8f8f8 67%);
    background: linear-gradient(to bottom, #fff 0, #f8f8f8 67%);
    border-radius: 0 15px 15px 0;
    letter-spacing: -1px;
    line-height: 1.65;
}
.unemp-support-tab .tap0 .tab-content-box01 ul {
    height: 181px;
    background-image: url(/images/curriculum/employed/unemployed_conter01.png);
    background-size: 100% 181px;
}
.unemp-support-tab .tap0 .tab-content-box01 ul > li {
    float: left;
    width: 140px;
    margin-right: 8px;
    text-align: center;
    padding: 45px 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.35;
}
.unemp-support-tab .tap0 .tab-content-box01 ul > li > span {
    font-size: 20px;
    font-weight: 500;
}
.unemp-support-tab .tap0 .tab-content-box01 ul > li.other {
    color: #333;
    margin-right: 42px;
}
.unemp-support-tab .tap0 .tab-content-box01 ul > li.other.first {
    margin-left: 45px;
}
.unemp-support-tab .tap0 .tab-content-box01 ul > li.other.last {
    margin-right: 0;
}
.unemp-support-tab .tap .tab-content-box02 {
    background-color: #fff;
    padding: 60px 0;
}
.unemp-support-tab .tap .tab-content-box02 .content-text {
    font-size: 16px;
    text-align: right;
    color: #666;
    font-weight: 700;
    padding-right: 100px;
}
.unemp-support-tab .tap .tab-content-box02 .content-wrap {
    padding: 27px 30px 10px 30px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box {
    padding: 30px 30px 5px 75px;
    background-color: #f4f4f4;
    max-width: 955px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box.num01 {
    background: #f4f4f4 url(/images/curriculum/employed/unemployed_support_num01.jpg) no-repeat left top;
    margin-bottom: 20px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box.num02 {
    background: #f4f4f4 url(/images/curriculum/employed/unemployed_support_num02.jpg) no-repeat left top;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box.num03 {
    background: #f4f4f4 url(/images/curriculum/employed/unemployed_support_num03.jpg) no-repeat left top;
    margin-top: 20px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box > h5 {
    font-size: 29px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box > h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background-color: #7a7a7a;
    line-height: 1;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box > ul {
    margin: 0 0 25px 6px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box li {
    position: relative;
    margin-left: 20px;
    font-size: 18px;
    color: #666;
    line-height: 1.66;
    letter-spacing: -1px;
}
.unemp-support-tab .tap .tab-content-box02 .content-text-box li::before {
    content: "-";
    position: absolute;
    left: -15px;
}
.unemp-support-tab .tap .content-title > small {
    color: #999;
    font-weight: 300;
    font-size: 24px;
    margin-left: 5px;
    letter-spacing: -1.5px;
}
.unemp-support-tab .content-text {
    color: #666;
    font-size: 18px;
    padding-top: 30px;
    text-align: center;
}
.unemp-support-tab .center-inner {
    width: 1050px;
    margin: 0 auto;
}
.empsupport-tab .tap .tab-title-box .title-deco {
    position: absolute;
    right: 0;
    top: 0;
}
.empsupport-tab .tap .tab-title-box {
    position: relative;
    width: 1050px;
    margin: 0 auto;
    padding: 30px 55px 70px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.empsupport-tab .tap .tab-title-box > h4 {
    margin-top: 12px;
    font-size: 41px;
    color: #000;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -1px;
}
.empsupport-tab .tap .tab-title-box > p {
    color: #666;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -1px;
}
.empsupport-tab .tap0 .tab-title-box a {
    position: relative;
    color: #139aba;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 70%, #f5f5f5 70%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(70%, #f5f5f5), color-stop(70%, #f5f5f5));
    background: -o-linear-gradient(top, #fff 0, #f5f5f5 70%, #f5f5f5 70%);
    background: linear-gradient(to bottom, #fff 0, #f5f5f5 70%, #f5f5f5 70%);
    padding: 14px 34px 14px 20px;
}
.empsupport-tab .tap0 .tab-title-box a:hover {
    opacity: 0.8;
}
.empsupport-tab .tap0 .tab-title-box a:after {
    position: absolute;
    content: "\25B6";
    color: #139aba;
    font-size: 11px;
    right: 19px;
    top: 21px;
}
.empsupport-tab .tap0 .tab-title-box > p {
    margin: 28px 0 85px 0;
}
.empsupport-tab .tap0 .tab-title-box p > strong {
    color: #139aba;
    font-weight: 700;
}
.empsupport-tab .tap0 .tab-title-box dl {
    width: 100%;
    border-left: 2px solid #0775a8;
    padding-left: 15px;
}
.empsupport-tab .tap0 .tab-title-box dt {
    font-weight: 700;
    font-size: 24px;
    color: #000;
    line-height: 1;
}
.empsupport-tab .tap0 .tab-title-box dd {
    font-weight: 400;
    font-size: 18px;
    color: #666;
    line-height: 1;
    margin-top: 10px;
}
.empsupport-tab .tap0 .tab-content-box01 {
    background-color: #e2e2e2;
    padding: 60px 0 90px 0;
}
.empsupport-tab .tap0 .tab-content-box02 {
    background-color: #fff;
    padding: 60px 0 90px 0;
    overflow: hidden;
}
.empsupport-tab .tap0 .tab-content-box02 .left-box {
    float: left;
    width: 525px;
    height: 242px;
    position: relative;
}
.empsupport-tab .tap0 .tab-content-box02 .left-box .deco-img {
    position: absolute;
    bottom: 38px;
    left: 64px;
    z-index: 2;
}
.empsupport-tab .tap0 .tab-content-box02 .right-box {
    float: left;
    width: 525px;
}
.empsupport-tab .tap0 .tab-content-box02 .right-box span {
    font-size: 18.5px;
    color: #999;
    margin-left: 30px;
}
.empsupport-tab .tap0 .tab-content-box02 li {
    position: relative;
    font-size: 21.5px;
    color: #333;
    letter-spacing: -1px;
    margin-bottom: 16px;
    z-index: 3;
}
.empsupport-tab .tap0 .tab-content-box02 li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #139aba;
    vertical-align: middle;
    margin-right: 10px;
}
.empsupport-tab .tap0 .tab-content-box02 ul {
    margin: 25px 0 0 20px;
}
.empsupport-tab .tap0 .tab-content-box02 strong {
    color: #139aba;
}
.empsupport-tab .tap0 .tab-content-box02 .center-inner::after {
    content: "";
    display: block;
    clear: both;
}
.empsupport-tab .tap1 .tab-title-box > p {
    position: relative;
    margin: 28px 0 0 0;
    padding-bottom: 152px;
}
.empsupport-tab .tap1 .tab-title-box > p > .deco-img {
    position: absolute;
    left: -17px;
    bottom: -111px;
}
.empsupport-tab .tap1 .tab-content-box02 {
    overflow: hidden;
    background-color: #fff;
    padding: 60px 0 90px 0;
}
.empsupport-tab .tap1 .tab-content-box02 .left-box {
    float: left;
    width: 525px;
    height: 242px;
    position: relative;
}
.empsupport-tab .tap1 .tab-content-box02 .left-box p {
    font-size: 21.5px;
    color: #333;
    margin: 25px 0 0 30px;
    line-height: 1.2;
}
.empsupport-tab .tap1 .tab-content-box02 .right-box {
    float: left;
    width: 525px;
}
.empsupport-tab .tap1 .tab-content-box02 ul {
    margin: 25px 0 0 35px;
}
.empsupport-tab .tap1 .tab-content-box02 li {
    position: relative;
    font-size: 19px;
    color: #333;
    letter-spacing: -1px;
    margin-bottom: 16px;
    z-index: 3;
    line-height: 1.2;
}
.empsupport-tab .tap1 .tab-content-box02 li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 100%;
    font-weight: 700;
    color: #333;
    position: absolute;
    top: 11px;
    left: -15px;
}
.empsupport-tab .tap1 .tab-content-box02 .btn-download {
    position: relative;
    display: inline-block;
    background-image: url(/images/curriculum/employed/employed_btn_download_back.png);
    color: #fff;
    font-size: 25px;
    padding: 15px 44px 15px 20px;
    margin-left: 40px;
    text-align: center;
    letter-spacing: -1.5px;
    line-height: 1;
    background-size: 100% 100%;
}
.empsupport-tab .tap1 .tab-content-box02 .btn-download > i {
    position: absolute;
    right: 17px;
    top: 17px;
}
.empsupport-tab .tap1 .tab-content-box01 {
    background-color: #e2e2e2;
    padding: 60px 0 77px 0;
    overflow: hidden;
}
.empsupport-tab .tap1 .tab-content-box01 ul > li > span {
    margin-top: -15px;
}
.empsupport-tab .tap .tab-content-box01 .content-text {
    background-color: #fff;
    padding: 20px 130px;
    border-radius: 30px;
    display: inline-block;
    font-size: 21px;
    color: #333;
    margin: -35px 0 0 83px;
}
.empsupport-tab .tap .tab-content-box01 ul {
    width: 540px;
    height: 205px;
    margin: 35px 0 0 175px;
    background-image: url(/images/curriculum/employed/employed_conter.jpg);
    background-repeat: no-repeat;
}
.empsupport-tab .tap .tab-content-box01 ul li {
    position: relative;
    width: 210px;
    height: 220px;
    margin-top: 73px;
    float: left;
    text-align: center;
    color: #333;
}
.empsupport-tab .tap .tab-content-box01 ul li:first-child {
    margin-right: 120px;
}
.empsupport-tab .tap .tab-content-box01 ul span {
    display: block;
    font-size: 21px;
    line-height: 1.25;
}
.empsupport-tab .tap .tab-content-box01 ul p {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}
.empsupport-tab .tap .tab-content-box01 ul h5 {
    position: absolute;
    font-size: 21px;
    line-height: 1.1;
    bottom: 0;
}
.empsupport-tab .center-inner {
    width: 1050px;
    margin: 0 auto;
}
.empsupport-tab .tab-content-box03 {
    background-image: url(/images/curriculum/employed/unemployed_support_step_back.jpg);
    background-repeat: repeat-x;
    padding: 57px 0;
}
.empsupport-tab .tab-content-box03 h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 15px 20px;
    line-height: 1;
    padding-left: 10px;
    letter-spacing: -1px;
    position: relative;
}
.empsupport-tab .tab-content-box03 h4::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 26px;
    background-color: #fff;
    left: -10px;
    top: 4px;
}
.empsupport-tab .tab-content-box03 .step-list {
    height: 277px;
    background-image: url(/images/curriculum/employed/employed_support_step6.png);
    background-repeat: no-repeat;
    background-size: 1050px 277px;
}
.empsupport-tab .tab-content-box03 .step-list ol > li {
    width: 160px;
    height: 170px;
    float: left;
    text-align: center;
    margin: 110px 17px 0 0;
    font-size: 15.5px;
    color: #f7f7f7;
    font-weight: 300;
    position: relative;
    letter-spacing: -1px;
}
.empsupport-tab .tab-content-box03 .step-list ol > li:last-child {
    margin-right: 0;
}
.empsupport-tab .tab-content-box03 .step-list ol > li span {
    position: absolute;
    display: block;
    width: 151px;
    bottom: 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
}
.empsupport-tab .tab-content-btn-wrap {
    text-align: center;
    padding: 60px 0;
    background-color: #fff;
}
.empsupport-tab .tab-content-btn-wrap a:link {
    display: inline-block;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 0 10px;
}
.empsupport-tab .tab-content-btn-wrap a.btn-employed {
    background: #139aba;
    background: -webkit-linear-gradient(top, #139aba 1%, #118caa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #139aba), to(#118caa));
    background: -o-linear-gradient(top, #139aba 1%, #118caa 100%);
    background: linear-gradient(to bottom, #139aba 1%, #118caa 100%);
    padding: 14px 70px 14px 35px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16), inset 0 -2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16), inset 0 -2px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    position: relative;
}
.empsupport-tab .tab-content-btn-wrap a.btn-employed:after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/images/curriculum/employed/btn_arrow_black.png);
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -12.5px;
}
.empsupport-tab .tab-content-btn-wrap a.btn-online {
    background: #5b5b5b;
    background: -webkit-linear-gradient(top, #5b5b5b 0, #323232 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#323232));
    background: -o-linear-gradient(top, #5b5b5b 0, #323232 100%);
    background: linear-gradient(to bottom, #5b5b5b 0, #323232 100%);
    padding: 14px 70px 14px 35px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16), inset 0 -2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16), inset 0 -2px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    position: relative;
}
.empsupport-tab .tab-content-btn-wrap a.btn-online:after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/images/curriculum/employed/btn_arrow_white.png);
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -12.5px;
}
.empsupport-tab .tab-content-btn-wrap a.btn-employed:hover,
.empsupport-tab .tab-content-btn-wrap a.btn-online:hover {
    opacity: 0.8;
}
.empsupport-tab .tap .content-title,
.unemp-support-tab .tap .content-title {
    position: relative;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    margin-left: 20px;
    line-height: 1;
    letter-spacing: -1px;
}
.empsupport-tab .tap .content-title:before,
.unemp-support-tab .tap .content-title:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 26px;
    background-color: #000;
    left: -10px;
    top: 3px;
}
#empSupport .tab-menu,
#unemp-support .tab-menu {
    background-color: #dbdbdb;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
}
#unemp-support .tab-menu > h3 {
    position: relative;
    float: left;
    width: 350px;
    height: 65px;
    margin: 0;
    text-align: center;
    line-height: 65px;
    font-size: 21px;
    font-weight: 600;
}
#empSupport .tab-menu > h3 {
    position: relative;
    float: left;
    width: 525px;
    height: 65px;
    margin: 0;
    text-align: center;
    line-height: 65px;
    font-size: 21px;
    font-weight: 600;
}
#empSupport .tab-menu > h3 > a,
#unemp-support .tab-menu > h3 > a {
    color: #333;
}
#empSupport .tab-menu > h3:after,
#unemp-support .tab-menu > h3:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #139aba;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
}
#empSupport .tab-menu > h3.active:after,
#unemp-support .tab-menu > h3.active:after {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
#empSupport .tab-menu > h3.first.active:after,
#unemp-support .tab-menu > h3.first.active:after {
    border-radius: 50px 0 0 50px;
}
#empSupport .tab-menu > h3.last.active:after,
#unemp-support .tab-menu > h3.last.active:after {
    border-radius: 0 50px 50px 0;
}
#empSupport .tab-menu > h3.active > a,
#unemp-support .tab-menu > h3.active > a {
    color: #fff;
    position: relative;
    z-index: 2;
}
#privacyPolicy {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#privacyPolicy .noticeTitle > h2 {
    background: url(/images/member/privacyp_title.png) no-repeat;
}
.pPolicyBox > strong {
    display: block;
    font-size: 24px;
    padding-top: 5px;
    background: url(/images/common/ues_t_bg.gif) no-repeat 0 0;
    font-weight: 400;
    margin-bottom: 30px;
}
.pPolicyIndex {
    margin: 30px 0 60px 0;
    width: 968px;
    padding: 40px;
    background: #eee;
    border: 1px solid #d6d6d6;
}
.pPolicyBox p.pt16 {
    letter-spacing: -0.25px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.pPolicyIndex > ul {
    float: left;
    margin-top: 40px;
    width: 484px;
    letter-spacing: -0.25px;
}
.pPolicyIndex > ul li {
    line-height: 30px;
    font-size: 16px;
}
.pPolicyIndex > ul li a {
    color: #666;
}
.ppText {
    padding: 25px 0;
}
.ppText h4 {
    color: #333;
    font-size: 16px;
    letter-spacing: -0.25px;
    display: inline-block;
    padding-bottom: 30px;
}
.ppText p.pt16 {
    padding-bottom: 30px;
}
.ppText p.pt15 {
    padding: 15px 0;
}
.ppText p.pb0 {
    padding-bottom: 0 !important;
}
.ppText > ul > li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #666;
    padding-bottom: 8px;
}
.ppText ul.secondUl {
    padding: 5px 0 10px 20px;
}
.ppText ul.secondUl li {
    line-height: 22px;
    font-size: 14px;
    color: #888;
}
.ppText ul.ulpt20 {
    padding-top: 20px;
}
.ppText ul.ulpt20 > li > ul > li {
    padding: 15px 0;
}
.ppText table {
    color: #666;
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    padding: 0;
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
}
.ppText table.table1 td,
.ppText table.table1 th {
    border: 1px solid #d6d6d6;
    width: 25%;
    text-align: center;
    padding: 10px 0;
}
#termsConditions {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#termsConditions .noticeTitle > h2 {
    background: url(/images/member/termsconditions_title.png) no-repeat;
    width: 388px;
}
.termsConBox > strong {
    display: block;
    font-size: 24px;
    padding-top: 5px;
    background: url(/images/common/ues_t_bg.gif) no-repeat 0 0;
    font-weight: 400;
    margin-bottom: 30px;
}
.termsConBox p.pt16 {
    letter-spacing: -0.25px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.termsConIndex {
    margin: 30px 0 60px 0;
    width: 968px;
    padding: 40px;
    background: #eee;
    border: 1px solid #d6d6d6;
}
.termsConIndex > ul {
    float: left;
    width: 484px;
    letter-spacing: -0.25px;
}
.termsConIndex > ul li {
    line-height: 30px;
    font-size: 16px;
}
.termsConIndex > ul li.tctitle1 {
    padding-bottom: 15px;
}
.termsConIndex > ul li.tctitle2 {
    padding: 15px 0;
}
.termsConIndex > ul li a {
    color: #666;
}
.termsConIndex > ul li span {
    color: #333;
}
.termsConBox h3.tcTitle {
    color: #333;
    font-size: 17px;
    padding: 20px 0;
}
#collectingREmail {
    width: 1050px;
    padding: 105px 0 200px;
    margin: 0 auto;
}
#collectingREmail .noticeTitle > h2 {
    background: url(/images/common/collecting_title.png) no-repeat;
    width: 440px;
}
.crEmailBox > strong {
    display: block;
    font-size: 24px;
    padding-top: 5px;
    background: url(/images/common/ues_t_bg.gif) no-repeat 0 0;
    font-weight: 400;
    margin-bottom: 30px;
}
.crEmailBox .creCon {
    width: 968px;
    padding: 40px;
    background: #eee;
    border: 1px solid #d6d6d6;
}
.creCon > img {
    float: left;
    padding: 6px 76px 20px 56px;
    display: inline-block;
    border-right: 1px solid #d6d6d6;
}
.cceText {
    float: left;
    padding-left: 65px;
    font-size: 16px;
    line-height: 27px;
    color: #666;
    letter-spacing: -0.25px;
}
#empApplication {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#empApplication .noticeTitle > h2 {
    background: url(/images/curriculum/employed_title2.png) no-repeat;
}
#empApplication .noticeTitle > h2.other {
    background: url(/images/curriculum/employed_title3.jpg) no-repeat;
    background-position: center top;
}
.empAppliBox1 {
    width: 1050px;
    border-top: 4px solid #000;
    margin-bottom: 80px;
}
.empAppliBox1 > span {
    display: block;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.7px;
    text-align: center;
    padding-top: 55px;
}
.empAppliBox1 > strong {
    display: block;
    font-size: 26px;
    color: #333;
    letter-spacing: -0.7px;
    text-align: center;
    margin-bottom: 25px;
}
.empAppliBox1 .imgBox {
    margin-bottom: 100px;
}
.empAppliBox1 .imgBox img {
    float: left;
}
.empAppliBox1 .imgBox img.bdl {
    border-left: 1px solid #e4e4e4;
}
.empAppliBox1 .employedWriteForm1 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
}
.empAppliBox1 .employedWriteForm1 dl dt {
    float: left;
    width: 167px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
}
.empAppliBox1 .employedWriteForm1 dl dt span {
    color: #e86a53;
}
.empAppliBox1 .employedWriteForm1 dl dd {
    float: right;
    width: 803px;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.empAppliBox1 .employedWriteForm1 dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox1 .employedWriteForm1 dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox1 .employedWriteForm1 dl dd .select-wrap {
    width: 188px;
    color: #333;
    font-size: 14px;
    margin: 5px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.empAppliBox1 .employedWriteForm1 dl dd .select-wrap > select {
    background-color: #f3f3f3;
}
.empAppliBox1 .employedWriteForm1 dl dd .formDL {
    float: left;
    display: block;
    width: 126px;
    height: 26px;
    border: none;
    background: url(/images/curriculum/download_bg.jpg) no-repeat 0 0;
    color: #d0d0d0;
    line-height: 26px;
    text-align: left;
    text-indent: 25px;
    font-size: 11px;
    font-family: Dotum;
    cursor: pointer;
    margin-left: 70px;
    margin-top: 12px;
}
.empAppliBox1 .employedWriteForm1 dl dd input[type="text"] {
    display: block;
    width: 781px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 5px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #f3f3f3;
    padding-left: 10px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.name {
    width: 178px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w160 {
    width: 138px;
    float: left;
    text-align: center;
    padding-right: 10px;
}
.empAppliBox1 .employedWriteForm1 dl dd .phoneBox + span,
.empAppliBox1 .employedWriteForm1 dl dd input.w160 + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
.empAppliBox1 .employedWriteForm1 dl dd .emailBox {
    position: relative;
    width: 258px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.empAppliBox1 .employedWriteForm1 dl dd .emailBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
.empAppliBox1 .employedWriteForm1 dl dd .emailBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w250 {
    width: 228px;
    float: left;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w250 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w250n {
    width: 228px;
    padding-left: 10px;
    float: left;
}
.empAppliBox1 .employedWriteForm1 dl dd span.w90 {
    float: left;
    display: block;
    width: 90px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w713 {
    float: left;
    width: 691px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w140 {
    float: left;
    width: 601px;
}
.empAppliBox1 .employedWriteForm1 dl dd input.w140 + input[type="button"] {
    float: left;
    display: block;
    width: 69px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #848484;
    margin: 13px 0 0 20px;
    text-align: center;
    background-color: #e4e4e4;
    font-size: 11px;
    font-family: Dotum;
    color: #1d1d1d;
    vertical-align: top;
    cursor: pointer;
}
.empAppliBox1 .employedWriteForm1 dl dd input[type="radio"] {
    display: none;
}
.empAppliBox1 .employedWriteForm1 dl dd input[type="radio"] + label {
    padding-left: 25px;
    background: url(/images/common/radio_off.gif) no-repeat 0 center;
}
.empAppliBox1 .employedWriteForm1 dl dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 center;
}
.empAppliBox1 .employedWriteForm1 dl dd label.mgr35 {
    margin-right: 35px;
}
.empAppliBox1 p.t1 {
    text-align: center;
    font-size: 35px;
    color: #010101;
    font-style: italic;
    font-weight: 700;
}
.empAppliBox1 .pt1 {
    text-align: center;
    clear: both;
    margin: 22px 0 0 0;
}
.empAppliBox1 .pt1 p {
    font-size: 35px;
    color: #000;
    font-weight: 700;
    background: url(/images/curriculum/imgBox1_line.png) no-repeat 2px 28px, url(/images/curriculum/imgBox1_line.png) no-repeat 364px 28px;
    width: 442px;
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 45px;
    letter-spacing: -0.075em;
}
.empAppliBox2 {
    border-top: 3px solid #000;
    margin-bottom: 80px;
}
.empAppliBox2 > strong {
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.25px;
    text-align: center;
    font-weight: 500;
    padding-top: 35px;
}
.empAppliBox2 .classifyBox {
    float: right;
    width: 200px;
    border-top: 1px solid #d4d4d4;
}
.empAppliBox2 .classifyBox span {
    display: block;
    float: left;
    width: 100px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 6px 0;
}
.empAppliBox2 .employedCheck1 {
    clear: both;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 80px;
}
.empAppliBox3 .employedCheck1 dl {
    display: block;
}
.empAppliBox2 .employedCheck1 dl dt {
    float: left;
    display: block;
    width: 222px;
    padding: 13px 0;
    margin-right: 50px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
}
.empAppliBox2 .employedCheck1 dl dd {
    float: right;
    display: block;
    width: 768px;
    padding: 13px 0;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.empAppliBox2 .employedCheck1 dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox2 .employedCheck1 dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox2 .employedCheck1 dt input[type="checkbox"] {
    display: none;
}
.empAppliBox2 .employedCheck1 dt label {
    display: block;
    padding-left: 30px;
    width: 192px;
    background: url(/images/common/checkbox_off3.jpg) no-repeat 8px center;
}
.empAppliBox2 .employedCheck1 dt label.on {
    background: url(/images/common/checkbox_on2.jpg) no-repeat 8px center;
}
.empAppliBox2 .employedCheck1 dd span.w60 {
    float: left;
    display: block;
    width: 60px;
    color: #666;
}
.empAppliBox2 .employedCheck1 dd p.w488 {
    float: left;
    width: 484px;
    padding: 0 10px;
    color: #666;
}
.empAppliBox2 .employedCheck1 dd span.w100 {
    float: left;
    display: block;
    width: 87px;
    padding-right: 15px;
    text-align: right;
    color: #333;
    position: relative;
}
.empAppliBox2 .employedCheck1 dd span.w100 span {
    color: #e86a53;
}
.empAppliBox2 .employedCheck1 dd span.w100 p {
    position: absolute;
    font-size: 12px;
    background: #000;
    color: #fff;
    width: 104px;
    height: 30px;
    text-align: center;
    line-height: 14px;
    top: -4px;
    padding-top: 3px;
}
.empAppliBox3 {
    border-top: 3px solid #000;
    margin-bottom: 80px;
}
.empAppliBox3 > strong {
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.25px;
    text-align: center;
    font-weight: 500;
    padding-top: 35px;
}
.empAppliBox3 .classifyBox {
    float: right;
    width: 200px;
    border-top: 1px solid #d4d4d4;
}
.empAppliBox3 .classifyBox span {
    display: block;
    float: left;
    width: 100px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 6px 0;
}
.empAppliBox3 .employedCheck2 {
    clear: both;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 80px;
}
.empAppliBox3 .employedCheck2 dl {
    display: block;
}
.empAppliBox3 .employedCheck2 dl dt {
    float: left;
    display: block;
    width: 222px;
    padding: 13px 0;
    margin-right: 50px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
}
.empAppliBox3 .employedCheck2 dl dd {
    float: right;
    display: block;
    width: 768px;
    padding: 13px 0;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.empAppliBox3 .employedCheck2 dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox3 .employedCheck2 dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox3 .employedCheck2 dt input[type="checkbox"] {
    display: none;
}
.empAppliBox3 .employedCheck2 dt label {
    display: block;
    padding-left: 30px;
    width: 192px;
    background: url(/images/common/checkbox_off3.jpg) no-repeat 8px center;
}
.empAppliBox3 .employedCheck2 dt label.on {
    background: url(/images/common/checkbox_on2.jpg) no-repeat 8px center;
}
.empAppliBox3 .employedCheck2 dd span.w60 {
    float: left;
    display: block;
    width: 60px;
    color: #666;
}
.empAppliBox3 .employedCheck2 dd p.w488 {
    float: left;
    width: 484px;
    padding: 0 10px;
    color: #666;
}
.empAppliBox3 .employedCheck2 dd span.w100 {
    float: left;
    display: block;
    width: 87px;
    padding-right: 15px;
    text-align: right;
    color: #333;
    position: relative;
}
.empAppliBox3 .employedCheck2 dd span.w100 span {
    color: #e86a53;
}
.empAppliBox3 .employedCheck2 dd span.w100 p {
    position: absolute;
    font-size: 12px;
    background: #000;
    color: #fff;
    width: 104px;
    height: 30px;
    text-align: center;
    line-height: 14px;
    top: -4px;
    padding-top: 3px;
}
.empAppliBox4 {
    margin-bottom: 80px;
}
.empAppliBox4 .employedWriteForm2 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
}
.empAppliBox4 .employedWriteForm2 dl dt {
    float: left;
    width: 167px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
}
.empAppliBox4 .employedWriteForm2 dl dt span {
    color: #e86a53;
}
.empAppliBox4 .employedWriteForm2 dl dd {
    float: right;
    width: 803px;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.empAppliBox4 .employedWriteForm2 dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox4 .employedWriteForm2 dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.empAppliBox4 .employedWriteForm2 dl dd input[type="text"] {
    display: block;
    width: 783px;
    border: 1px solid #dbdbdb;
    height: 28px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    background-color: #f3f3f3;
}
.empAppliBox4 .employedWriteForm2 dl dd input[type="radio"] {
    display: none;
}
.empAppliBox4 .employedWriteForm2 dl dd input[type="radio"] + label {
    padding-left: 20px;
    background: url(/images/common/radio_off.gif) no-repeat 0 center;
}
.empAppliBox4 .employedWriteForm2 dl dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 center;
}
.empAppliBox4 .employedWriteForm2 dl dd label.mgr20 {
    margin-right: 20px;
}
.empAppliBox4 .employedWriteForm2 dl dd.hauto {
    height: auto;
    line-height: 1.6;
    padding: 13px 0;
}
.empAppliBox4 .employedWriteForm2 dl dd.totalP {
    font-weight: 600;
}
.empAppliBox4 .employedWriteForm2 dl dd.totalP span {
    color: #e86a53;
}
#empApplication .privacyPolicy {
    padding-top: 0;
    margin-bottom: 50px;
}
.agPP {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    position: relative;
}
.agPP input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}
.agPP label {
    display: block;
    padding-left: 25px;
    font-weight: 300;
    letter-spacing: -0.5px;
    background: url(/images/common/checkbox_off3.jpg) no-repeat 0 center;
}
.agPP input[type="checkbox"]:checked + label {
    background: url(/images/common/checkbox_on2.jpg) no-repeat 0 center;
}
#empApplication .agreement {
    padding-top: 20px;
    margin-bottom: 50px;
}
#empApplication .agreement strong {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 10px;
}
#empApplication .pvcPlc p {
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin-bottom: 15px;
}
#empApplication .pvcPlc p.mgbn {
    margin-bottom: 0;
}
.eaBBtn {
    margin: 30px 0 80px;
    text-align: center;
}
.eaBBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.eaBBtn .eaBC {
    width: 260px;
    background-color: #41b0bd;
    color: #fff;
}
.eaBBtn .eaBR {
    background-color: #333;
    color: #fff;
    margin-left: 5px;
}
.importantQ strong {
    display: block;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #333;
    padding-top: 5px;
    background: url(/images/curriculum/iq_title_bg.gif) no-repeat 1px 0;
    margin-bottom: 10px;
}
.importantQ p {
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 1.8;
}
.importantQ p span {
    color: #e86a53;
    font-weight: 500;
}
#onlinePayment {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#onlinePayment .noticeTitle > h2 {
    background: url(/images/payment/online_payment_title.png) no-repeat;
}
.onlinePayBox {
    width: 1050px;
    margin-bottom: 50px;
}
.onlinePayBox .onlinePayWriteForm {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
}
.onlinePayBox .onlinePayWriteForm dl dt {
    float: left;
    width: 162px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.7px;
}
.onlinePayBox .onlinePayWriteForm dl dt span {
    color: #e86a53;
}
.onlinePayBox .onlinePayWriteForm dl dd {
    float: right;
    width: 808px;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
}
.onlinePayBox .onlinePayWriteForm dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.onlinePayBox .onlinePayWriteForm dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.onlinePayBox .onlinePayWriteForm dl dd .select-wrap {
    width: 468px;
    color: #333;
    font-size: 14px;
    margin: 5px 0;
    border: 1px solid #dbdbdb;
}
.onlinePayBox .onlinePayWriteForm dl dd .phone-number-wrap .select-wrap {
    width: 136px;
}
.onlinePayBox .onlinePayWriteForm dl dd .select-wrap > select {
    background-color: #f3f3f3;
}
.onlinePayBox .onlinePayWriteForm dl dd input[type="text"] {
    display: block;
    width: 458px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 5px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #f3f3f3;
    padding-left: 10px;
}
.onlinePayBox .onlinePayWriteForm dl dd input.name {
    width: 458px;
}
.onlinePayBox .onlinePayWriteForm dl dd .phoneBox {
    position: relative;
    width: 138px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.onlinePayBox .onlinePayWriteForm dl dd .phoneBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
.onlinePayBox .onlinePayWriteForm dl dd .phoneBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.onlinePayBox .onlinePayWriteForm dl dd input.w140 {
    width: 118px;
    float: left;
    text-align: center;
    padding-right: 10px;
}
.onlinePayBox .onlinePayWriteForm dl dd .phoneBox + span,
.onlinePayBox .onlinePayWriteForm dl dd input.w140 + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
.onlinePayBox .onlinePayWriteForm dl dd .emailBox {
    position: relative;
    width: 168px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.onlinePayBox .onlinePayWriteForm dl dd .emailBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
.onlinePayBox .onlinePayWriteForm dl dd .emailBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.onlinePayBox .onlinePayWriteForm dl dd input.w124 {
    width: 112px;
    float: left;
}
.onlinePayBox .onlinePayWriteForm dl dd input.w124 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 6px;
}
.onlinePayBox .onlinePayWriteForm dl dd input.w134n {
    width: 122px;
    padding-left: 10px;
    float: left;
}
.onlinePayBox .onlinePayWriteForm dl dd .paymentSelectBox {
    position: relative;
    width: 468px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
.onlinePayBox .onlinePayWriteForm dl dd .paymentSelectBox.fl {
    float: left;
}
.onlinePayBox .onlinePayWriteForm dl dd .paymentSelectBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 0;
    line-height: 28px;
}
.onlinePayBox .onlinePayWriteForm dl dd .paymentSelectBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.onlinePayBox .onlinePayWriteForm dl dd.totalP input {
    color: #e86a53;
}
.importantQ2 strong {
    display: block;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #333;
    padding-top: 5px;
    background: url(/images/curriculum/iq_title_bg.gif) no-repeat 1px 0;
    margin-bottom: 15px;
}
.importantQ2 p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 5px;
}
.importantQ2 p span {
    font-weight: 500;
}
.importantQ2 p span.color {
    color: #e86a53;
}
#onlinePayment .privacyPolicy {
    padding-top: 30px;
    margin-bottom: 40px;
}
#onlinePayment .privacyPolicy strong {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 10px;
}
#onlinePayment .pvcPlc {
    height: 90px;
}
#onlinePayment .pvcPlc strong {
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
#onlinePayment .pvcPlc p {
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin-bottom: 30px;
}
#onlinePayment.pvcPlc p.mgbn {
    margin-bottom: 0;
}
#onlinePayment .pvcPlc table {
    width: 678px;
    border-collapse: collapse;
    margin: 5px 0;
    text-align: center;
}
#onlinePayment .pvcPlc td {
    width: 150px;
    border: 1px solid #aaa;
    padding: 5px 0;
}
#onlinePayment .pvcPlc a {
    text-decoration: underline;
}
#onlinePayment .agPP {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    position: relative;
}
#onlinePayment .agPP input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}
#onlinePayment .agPP label {
    padding-left: 30px;
    background: url(/images/common/checkbox_off2.jpg) no-repeat 8px center;
}
#onlinePayment .agPP label.on {
    background: url(/images/common/checkbox_on2.jpg) no-repeat 8px center;
}
.opBBtn {
    margin: 50px 0 80px;
    text-align: center;
}
.opBBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.opBBtn .opBC {
    width: 232px;
    background-color: #41b0bd;
    color: #fff;
}
.opBBtn .opBR {
    background-color: #333;
    color: #fff;
    margin-left: 5px;
}
.onlinePayBox2 {
    width: 1050px;
}
.onlinePayBox2 .userconfirmBox {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 50px;
}
.onlinePayBox2 .userconfirmBox dl dt {
    float: left;
    width: 162px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
}
.onlinePayBox2 .userconfirmBox dl dd {
    float: left;
    width: 808px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.onlinePayBox2 .userconfirmBox dl + dl {
    border-top: 1px solid #d4d4d4;
}
.onlinePayBox2 .userconfirmBox dl dd input[type="text"] {
    display: block;
    width: 504px;
    border: none;
    height: 48px;
    margin: 1px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.onlinePayBox2 .userconfirmBox dl.h70 dt {
    height: 70px;
    line-height: 70px;
    font-weight: 700;
}
.onlinePayBox2 .userconfirmBox dl.h70 dd {
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    font-weight: 700;
}
.onlinePayBox2 .userconfirmBox dl.h70 dd span {
    color: #e86a53;
}
.onlinePayBox2 .userconfirmBox dl.h70 dd input {
    height: 68px;
    font-size: 26px;
    font-weight: 700;
    color: #e86a53;
}
.opBBtn2 {
    text-align: center;
}
.opBBtn2 a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.opBBtn2 .opBC2 {
    width: 232px;
    background-color: #41b0bd;
    color: #fff;
}
.opBBtn2 .opBR2 {
    background-color: #333;
    color: #fff;
    margin-left: 5px;
}
.onlinePayBox3 {
    width: 1050px;
}
.onlinePayBox3 > p {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 55px;
}
.onlinePayBox3 > p span {
    color: #e86a53;
}
.onlinePayBox3 .userconfirmBox {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 50px;
}
.onlinePayBox3 .userconfirmBox dl dt {
    float: left;
    width: 162px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
}
.onlinePayBox3 .userconfirmBox dl dd {
    float: left;
    width: 808px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.onlinePayBox3 .userconfirmBox dl + dl {
    border-top: 1px solid #d4d4d4;
}
.onlinePayBox3 .userconfirmBox dl dd input[type="text"] {
    display: block;
    width: 504px;
    border: none;
    height: 48px;
    margin: 1px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.onlinePayBox3 .userconfirmBox dl.h70 dt {
    height: 70px;
    line-height: 70px;
    font-weight: 700;
}
.onlinePayBox3 .userconfirmBox dl.h70 dd {
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    font-weight: 700;
}
.onlinePayBox3 .userconfirmBox dl.h70 dd span {
    color: #e86a53;
}
.onlinePayBox3 .userconfirmBox dl.h70 dd input {
    height: 68px;
    font-size: 26px;
    font-weight: 700;
    color: #e86a53;
}
.opBBtn3 {
    text-align: center;
}
.opBBtn3 a {
    display: inline-block;
    width: 232px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #41b0bd;
    color: #fff;
}
.paymentPopup2 {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 758px;
    height: auto;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 1500;
    margin-left: -379px;
    margin-top: 0;
    padding: 65px 50px;
    -webkit-box-shadow: 4px 4px #ccc;
    box-shadow: 4px 4px #ccc;
    display: none;
}
.paymentPopup2 .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 34px;
    height: 34px;
}
.paymentPopup2 > strong {
    display: block;
    font-size: 35px;
    color: #000;
    letter-spacing: -0.5px;
    font-weight: 400;
    margin-bottom: 45px;
}
.paymentPopup2 > p {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 55px;
}
.paymentPopup2 > p span {
    color: #e86a53;
}
.paymentPopup2 .userconfirmBox {
    border-top: 1px solid #333;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 50px;
}
.paymentPopup2 .userconfirmBox dl dt {
    float: left;
    width: 162px;
    height: 50px;
    line-height: 50px;
    margin-right: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
}
.paymentPopup2 .userconfirmBox dl dd {
    float: left;
    width: 516px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.paymentPopup2 .userconfirmBox dl + dl dt {
    border-top: 1px solid #d4d4d4;
}
.paymentPopup2 .userconfirmBox dl + dl dd {
    border-top: 1px solid #d4d4d4;
}
.paymentPopup2 .userconfirmBox dl dd input[type="text"] {
    display: block;
    width: 504px;
    border: none;
    height: 48px;
    margin: 1px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
.paymentPopup2 .userconfirmBox dl.h70 dt {
    height: 70px;
    line-height: 70px;
    font-weight: 700;
}
.paymentPopup2 .userconfirmBox dl.h70 dd {
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    font-weight: 700;
}
.paymentPopup2 .userconfirmBox dl.h70 dd span {
    color: #e86a53;
}
.paymentPopup2 .userconfirmBox dl.h70 dd input {
    height: 68px;
    font-size: 26px;
    font-weight: 700;
    color: #e86a53;
}
.opBBtn3 {
    text-align: center;
}
.opBBtn3 a {
    display: inline-block;
    width: 232px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #41b0bd;
    color: #fff;
}
.paymentPopBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1000;
    opacity: 0.4;
    display: none;
}
#certInformation {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#certInformation .noticeTitle > h2 {
    background: url(/images/license/cert_info_title.png) no-repeat;
}
.certInfoNav {
    margin-bottom: 60px;
}
.certInfoNav li.active a {
    color: #fff;
}
.certInfoNav li {
    float: left;
    width: 210px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #777;
    text-align: center;
}
.certInfoNav li + li {
    border-left: none;
}
.certInfoNav li a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333;
}
.certInfoSBox {
    border-top: 2px solid #333;
    padding-top: 48px;
    padding-bottom: 120px;
}
.certInfoSBox .leftImgBox {
    float: left;
    width: 413px;
}
.certInfoSBox .rightTextBox {
    float: right;
    width: 637px;
}
.certInfoSBox .rightTextBox > strong {
    display: block;
    font-size: 38px;
    color: #333;
    letter-spacing: -1.5px;
    font-weight: 500;
    padding-bottom: 20px;
}
.certInfoSBox .rightTextBox > p {
    font-size: 22px;
    letter-spacing: -1.5px;
    font-weight: 300;
    margin-bottom: 30px;
}
.certInfoSBox .rightTextBox .detailBox {
    padding-top: 35px;
    background: url(/images/license/cert_info_detail_bg.gif) no-repeat 0 0;
}
.certInfoSBox .rightTextBox .detailBox dl {
    margin-bottom: 30px;
}
.certInfoSBox .rightTextBox .detailBox dt {
    float: left;
    width: 112px;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.7px;
    font-weight: 500;
}
.certInfoSBox .rightTextBox .detailBox dd {
    float: left;
    width: 505px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.7px;
    line-height: 1.7;
}
.certInfoSBox .rightTextBox .detailBox p {
    margin-bottom: 10px;
}
.certInfoSBox .rightTextBox .detailBox strong {
    display: block;
    float: left;
    width: 78px;
    border: 1px solid #bcbcbc;
    font-size: 14px;
    padding: 1px 0 1px 10px;
    font-weight: 400;
    color: #333;
}
.certInfoSBox .rightTextBox .detailBox span {
    display: block;
    float: left;
    width: 395px;
    padding-left: 20px;
}
.certInfoSBox .rightTextBox .linkBtn .link1 {
    display: block;
    float: left;
    width: 260px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background-color: #41b0bd;
    text-align: center;
    font-weight: 300;
}
.certInfoSBox .rightTextBox .linkBtn .link2 {
    display: block;
    float: left;
    margin-left: 5px;
    width: 162px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}
.certInfoSBox .rightTextBox .linkBtn .link3 {
    display: block;
    float: left;
    margin-left: 5px;
    width: 170px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}
.isloading-wrapper.isloading-right {
    margin-left: 10px;
}
.isloading-overlay {
    position: relative;
    text-align: center;
}
.isloading-overlay .isloading-wrapper {
    background: #fff;
    -webkit-border-radius: 7px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 7px;
    -moz-background-clip: padding;
    border-radius: 7px;
    background-clip: padding-box;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    top: 10%;
    z-index: 9000;
}
.isloading-overlay img {
    padding-right: 10px;
    vertical-align: middle;
}
#accountErpC {
    width: 100%;
}
#accountErpC4 {
    width: 100%;
    height: 1816px;
    background: url(/images/sub_main/account_erp_c1_bg.jpg) no-repeat center center, url(/images/sub_main/account_erp_c1_bg2.jpg) repeat;
}
.accountErpC4Box {
    width: 1050px;
    margin: 0 auto;
    text-align: center;
}
.accountErpC4Box h1 {
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding-top: 100px;
    letter-spacing: -1px;
    font-weight: 400;
    margin-bottom: 25px;
}
.accountErpC4Box h1 span {
    color: #ff7860;
    font-weight: 600;
}
.accountErpC4Box .normal {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    letter-spacing: -0.7px;
    font-weight: 300;
    margin-bottom: 55px;
}
.accountErpC4Box .normal span {
    color: #f77159;
}
.accountErpC4Box .titleBg {
    height: 18px;
    margin-bottom: 20px;
}
.accountErpC4Box > strong {
    display: inline-block;
    border: 3px solid #f77159;
    background-color: rgba(33, 33, 33, 0.4);
    font-size: 35px;
    letter-spacing: -0.7px;
    color: #f77760;
    font-weight: 300;
    padding: 0 10px;
    margin-bottom: 40px;
}
.accountErpC4Box > strong span {
    font-weight: 500;
}
.accountErpC4Box .bg {
    height: 50px;
    line-height: 55px;
    font-size: 25px;
    color: #fff;
    font-weight: 200;
    text-align: center;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.accountErpC4Box .num {
    height: 46px;
    padding-left: 85px;
    text-align: left;
    font-size: 20px;
    color: #999;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
    line-height: 51px;
}
.accountErpC4Box .num span {
    color: #ccc;
    font-weight: 500;
}
.accountErpC4Box .num1 {
    background: url(/images/sub_main/account_erp_c1_num1.png) no-repeat 60px center;
}
.accountErpC4Box .num2 {
    background: url(/images/sub_main/account_erp_c1_num2.png) no-repeat 60px center;
}
.accountErpC4Box .num3 {
    background: url(/images/sub_main/account_erp_c1_num3.png) no-repeat 60px center;
}
.accountErpC4Box .imgBox {
    width: 1070px;
    margin-top: 40px;
    margin-left: -10px;
    text-align: center;
}
.accountErpC4Box .imgBox2 {
    height: 409px;
    background: url(/images/sub_main/account_erp_c1_img02.png) no-repeat center center;
}
.accountErpC4Box .leftBox {
    float: left;
    width: 525px;
    margin-left: 10px;
}
.accountErpC4Box .rightBox {
    float: left;
    width: 525px;
    margin-right: 10px;
}
.accountErpC4Box .imgBox span {
    display: block;
    margin-top: 40px;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #333;
}
.accountErpC4Box .imgBox strong {
    display: block;
    font-size: 28px;
    color: #333;
    letter-spacing: -1px;
    margin-top: -5px;
    margin-bottom: 25px;
}
.accountErpC4Box .imgBox p {
    text-align: left;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 1.25;
    padding-left: 90px;
    margin-bottom: 30px;
}
.accountErpC4Box .imgBox .box {
    width: 368px;
    border: 2px solid #000;
    margin: 0 auto 15px;
    padding: 8px 5px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.7px;
    text-align: center;
}
#accountErpC2 {
    width: 100%;
    height: 807px;
    background: url(/images/sub_main/account_erp_c2_bg.jpg) no-repeat center center, url(/images/sub_main/account_erp_c2_bg2.jpg) repeat;
    position: relative;
}
.accountErpC2Box {
    width: 1050px;
    margin: 0 auto;
    padding-top: 80px;
}
.accountErpC2Box h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    background: url(/images/sub_main/account_erp_c2_title_bg.gif) no-repeat 60px center, url(/images/sub_main/account_erp_c2_title_bg.gif) no-repeat 958px center;
    letter-spacing: -2.5px;
    margin-bottom: 35px;
}
.accountErpC2Box h2 span {
    color: #e86a53;
}
.accountErpC2Box .epilBox {
    width: 1050px;
}
.accountErpC2Box .epilBox .leftBox {
    float: left;
    width: 508px;
    height: 354px;
    border: 1px solid #5d5d5d;
    margin: 0 7.5px;
}
.accountErpC2Box .epilBox .rightBox {
    float: left;
    width: 508px;
    height: 354px;
    border: 1px solid #5d5d5d;
    margin: 0 7.5px;
}
.accountErpC2Box .epilBox .titleBox {
    float: left;
    width: 160px;
    height: 354px;
    background: url(/images/sub_main/account_erp_c2_left_bg.png) repeat;
    text-align: center;
}
.accountErpC2Box .epilBox .titleBox img {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}
.accountErpC2Box .epilBox .titleBox span {
    display: block;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.6px;
}
.accountErpC2Box .epilBox .titleBox strong {
    display: inline-block;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #070707;
    margin-bottom: 20px;
}
.accountErpC2Box .epilBox .titleBox p {
    text-align: left;
    padding-left: 25px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.7px;
    background: url(/images/sub_main/account_erp_c2_bullet.png) no-repeat 18px 7px;
}
.accountErpC2Box .epilBox .textBox {
    float: left;
    width: 348px;
    height: 354px;
    background: url(/images/sub_main/account_erp_c2_right_bg.png) repeat;
}
.accountErpC2Box .epilBox .textBox strong {
    display: block;
    padding: 25px 20px 20px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.7px;
    font-weight: 400;
}
.accountErpC2Box .epilBox .textBox strong span {
    color: #e86a53;
}
.accountErpC2Box .epilBox .textBox p {
    padding: 0 40px 0 20px;
    font-size: 13px;
    line-height: 1.8;
    color: #999;
    letter-spacing: -0.7px;
}
#accountErpC2 .banner {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    height: 141px;
    background: url(/images/sub_main/account_erp_c2_banner_bg.png) repeat;
}
#accountErpC2 .bannerBox {
    width: 1050px;
    margin: 0 auto;
}
#accountErpC2 .bannerBox img {
    margin-top: -44px;
}
#accountErpC2 .banner2Bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    overflow: hidden;
}
#accountErpC2 .banner2Bg .leftBg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1050px;
    height: 70px;
    margin-left: -1575px;
    background-color: #000;
}
#accountErpC2 .banner2Bg .rightBg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1050px;
    height: 70px;
    margin-left: 525px;
    background-color: #000;
}
#accountErpC2 .banner2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
}
#accountErpC2 .banner2Box {
    width: 1050px;
    height: 70px;
    margin: 0 auto;
}
#accountErpC2 .banner2Box .leftBox {
    float: left;
    width: 524px;
    height: 70px;
    border-left: 1px solid #3e3e3e;
    background-color: #000;
}
#accountErpC2 .banner2Box .leftBox:hover {
    background-color: #565656;
}
#accountErpC2 .banner2Box .leftBox a {
    display: block;
    width: 524px;
    height: 70px;
    line-height: 70px;
    background: url(/images/sub_main/account_erp_c2_arrow.png) no-repeat 472px 30px;
}
#accountErpC2 .banner2Box .leftBox strong {
    font-size: 25px;
    color: #fff;
    letter-spacing: -0.5px;
    font-weight: 400;
    margin-left: 50px;
    margin-right: 25px;
}
#accountErpC2 .banner2Box .leftBox span {
    font-size: 13px;
    color: #fff;
    opacity: 0.5;
    font-style: italic;
}
#accountErpC2 .banner2Box .rightBox {
    float: left;
    width: 523px;
    height: 70px;
    border-left: 1px solid #3e3e3e;
    border-right: 1px solid #3e3e3e;
    background-color: #000;
    position: relative;
}
#accountErpC2 .banner2Box .rightBox a {
    display: block;
    width: 523px;
    height: 70px;
    line-height: 70px;
    background: url(/images/sub_main/account_erp_c2_arrow2.png) no-repeat 462px 30px;
}
#accountErpC2 .banner2Box .rightBox strong {
    font-size: 35px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-left: 50px;
    margin-right: 25px;
}
#accountErpC2 .banner2Box .rightBox span {
    font-size: 13px;
    color: #fff;
    opacity: 0.5;
    font-style: italic;
}
#accountErpC2 .banner2Box .telBox {
    width: 523px;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 50;
    display: none;
}
#accountErpC2 .banner2Box .telBox li {
    height: 70px;
    background-color: #7dd3dd;
}
#accountErpC2 .banner2Box .telBox li + li {
    border-top: 1px solid #8de3ed;
}
#accountErpC2 .banner2Box .telBox li strong {
    color: #243739;
    font-weight: 700;
    line-height: 70px;
}
#accountErpC2 .banner2Box .telBox li strong span {
    font-style: normal;
    font-size: 13px;
    color: #395356;
    font-weight: 400;
    margin-left: 20px;
}
#accountErpC3 {
    width: 100%;
    background: url(/images/sub_main/account_erp_c3_bg.jpg) repeat;
}
.accountErpC3Box {
    width: 1050px;
    margin: 0 auto;
}
.accountErpC3Box .leftImg {
    float: left;
    width: 525px;
}
.accountErpC3Box .rightImg {
    width: 525px;
    margin: 0 auto;
}
.accountErpC3Box img {
    display: block;
}
#accountErpC1 {
    width: 100%;
    background: url(/images/sub_main/account_erp_c4_bg.jpg) repeat;
}
.accountErpC1Box {
    width: 1050px;
    margin: 0 auto;
    padding-top: 25px;
}
.accountErpC1Box h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    letter-spacing: -2.5px;
    margin-bottom: 50px;
}
.accountErpC1Box .imgBox {
    width: 1050px;
    margin-bottom: 25px;
}
.accountErpC1Box .aec5Box1 {
    width: 1050px;
    margin-bottom: 70px;
}
.accountErpC1Box .aec5Box1 .leftBox {
    float: left;
    width: 330px;
    padding-right: 20px;
}
.accountErpC1Box .aec5Box1 .centerBox {
    float: left;
    width: 325px;
    padding-left: 25px;
}
.accountErpC1Box .aec5Box1 .rightBox {
    float: left;
    width: 325px;
    padding-left: 25px;
}
.accountErpC1Box .aec5Box1 strong {
    display: block;
    font-size: 20px;
    color: #adc4c9;
    letter-spacing: -1px;
    padding-left: 30px;
    background: url(/images/sub_main/account_erp_c4_bullet.jpg) no-repeat 0 center;
    margin-bottom: 40px;
    font-weight: 400;
}
.accountErpC1Box .aec5Box1 p {
    font-size: 16px;
    color: #adc4c9;
    letter-spacing: -1px;
    padding: 10px 0;
    padding-left: 75px;
}
.accountErpC1Box .aec5Box1 .leftBox p {
    background: url(/images/sub_main/account_erp_c4_img02.png) no-repeat 0 center;
}
.accountErpC1Box .aec5Box1 .centerBox p {
    background: url(/images/sub_main/account_erp_c4_img03.png) no-repeat 0 center;
}
.accountErpC1Box .aec5Box1 .rightBox p {
    background: url(/images/sub_main/account_erp_c4_img04.png) no-repeat 0 center;
}
.accountErpC1Box .allPass {
    width: 1050px;
    border-top: 1px solid #b8bcc0;
    text-align: center;
}
.accountErpC1Box .allPass > div {
    padding-top: 60px;
}
.accountErpC1Box .allPass > div + div {
    border-top: 1px solid #414b57;
}
.accountErpC1Box .allPass strong {
    display: block;
    font-size: 40px;
    color: #fff;
    letter-spacing: -1px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 40px;
}
.accountErpC1Box .allPass strong a {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #e86a53;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding-right: 25px;
    background: url(/images/sub_main/account_erp_c4_bullet2.png) no-repeat 172px center;
}
.accountErpC1Box .allPass strong span {
    border-bottom: 1px solid #e86a53;
}
.accountErpC1Box .allPass p {
    font-size: 18px;
    color: #adc4c9;
    letter-spacing: -0.5px;
    margin-bottom: 45px;
}
.accountErpC1Box .allPass p span {
    display: inline-block;
    color: #fff;
    background-color: #131a24;
    border-radius: 15px;
    padding: 0 10px;
    margin-right: 20px;
}
.accountErpC1Box .allPassBox1 .floatBox {
    width: 1050px;
    height: 180px;
    background: url(/images/sub_main/account_erp_c4_img05.png) no-repeat 0 0;
    margin-bottom: 60px;
}
.accountErpC1Box .allPassBox1 .floatBox > div {
    float: left;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.accountErpC1Box .allPassBox1 .floatBox > div a {
    font-size: 18px;
    color: #333;
}
.accountErpC1Box .allPassBox1 .floatBox .text1 {
    width: 140px;
    margin-left: 70px;
    line-height: 180px;
}
.accountErpC1Box .allPassBox1 .floatBox .text2 {
    width: 110px;
    margin-left: 20px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox1 .floatBox .text3 {
    width: 110px;
    margin-left: 127px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox1 .floatBox .text4 {
    width: 120px;
    margin-left: 127px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox1 .floatBox .text5 {
    width: 110px;
    margin-left: 40px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox2 .floatBox {
    width: 1050px;
    height: 180px;
    background: url(/images/sub_main/account_erp_c4_img06.png) no-repeat 0 0;
    margin-bottom: 60px;
}
.accountErpC1Box .allPassBox2 .floatBox > div {
    float: left;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.accountErpC1Box .allPassBox2 .floatBox > div a {
    font-size: 18px;
    color: #333;
}
.accountErpC1Box .allPassBox2 .floatBox .text1 {
    width: 140px;
    margin-left: 70px;
    line-height: 180px;
}
.accountErpC1Box .allPassBox2 .floatBox .text2 {
    width: 110px;
    margin-left: 20px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox2 .floatBox .text3 {
    width: 110px;
    margin-left: 127px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox2 .floatBox .text4 {
    width: 120px;
    margin-left: 127px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox2 .floatBox .text5 {
    width: 110px;
    margin-left: 37px;
    margin-top: 69px;
}
.accountErpC1Box .allPassBox3 .floatBox {
    width: 1050px;
    height: 180px;
    background: url(/images/sub_main/account_erp_c4_img07.png) no-repeat 0 0;
    padding-bottom: 100px;
}
.accountErpC1Box .allPassBox3 .floatBox > div {
    float: left;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.accountErpC1Box .allPassBox3 .floatBox > div a {
    font-size: 18px;
    color: #333;
}
.accountErpC1Box .allPassBox3 .floatBox .text1 {
    width: 140px;
    margin-left: 140px;
    line-height: 180px;
}
.accountErpC1Box .allPassBox3 .floatBox .text2 {
    width: 110px;
    margin-left: 20px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox3 .floatBox .text3 {
    width: 110px;
    margin-left: 127px;
    margin-top: 60px;
}
.accountErpC1Box .allPassBox3 .floatBox .text4 {
    width: 120px;
    margin-left: 130px;
    margin-top: 60px;
}
#accountErpC5 {
    width: 100%;
    background: url(/images/sub_main/account_erp_c5_bg.jpg) repeat;
}
.accountErpC5Box {
    width: 1050px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 50px;
}
.accountErpC5Box h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 200;
    line-height: 1.25;
    letter-spacing: -1px;
    text-align: center;
    padding-top: 30px;
    background: url(/images/sub_main/account_erp_c5_title_bg.png) no-repeat center 0;
    margin-bottom: 35px;
}
.accountErpC5Box h2 span {
    font-weight: 400;
}
.accountErpC5Box .aec5Box {
    width: 1050px;
}
.accountErpC5Box .listBox {
    float: left;
    width: 443px;
    height: 209px;
    border: 3px solid #fff;
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}
.accountErpC5Box .listBox.even {
    margin-right: 10px;
}
.accountErpC5Box .listBox.odd {
    margin-left: 10px;
}
.accountErpC5Box .listBox > strong {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    display: block;
    letter-spacing: -1.8px;
}
.accountErpC5Box .listBox > span {
    display: block;
    margin-top: -2px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-left: 5px;
}
.accountErpC5Box .listBox > span span {
    font-weight: 600;
}
.accountErpC5Box .listBox > p {
    height: 66px;
    font-size: 15px;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.5;
    font-weight: 300;
    opacity: 0.8;
    margin-bottom: 35px;
}
.accountErpC5Box .listBox > a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    background-color: #fff;
    padding: 0 12px;
    margin-right: 2px;
}
.accountErpC5Box .listBox .telBoxS {
    display: inline-block;
    position: relative;
    left: 0;
    top: 2px;
    width: 145px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
}
.accountErpC5Box .listBox .telBoxS > a {
    display: block;
    width: 145px;
    height: 30px;
    background: url(/images/sub_main/account_erp_c5_bullet.png) no-repeat 125px center;
}
.accountErpC5Box .listBox .telBoxS > a strong {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.7px;
    padding-left: 10px;
    font-style: italic;
    color: #000;
}
.accountErpC5Box .telBoxSS {
    width: 145px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 50;
    display: none;
}
.accountErpC5Box .telBoxSS li {
    height: 30px;
    background-color: #7dd3dd;
}
.accountErpC5Box .telBoxSS li + li {
    border-top: 1px solid #8de3ed;
}
.accountErpC5Box .telBoxSS li strong {
    font-size: 13px;
    color: #243739;
    font-weight: 600;
    line-height: 30px;
    padding-left: 10px;
    font-style: italic;
}
.accountErpC5Box .telBoxSS li strong span {
    font-style: normal;
    font-size: 12px;
    color: #395356;
    font-weight: 400;
    margin-left: 10px;
}
#accountErpC6 {
    width: 100%;
    background: url(/images/sub_main/account_erp_c6_bg.jpg) repeat;
}
.accountErpC6Box {
    width: 1050px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 50px;
}
.accountErpC6Box h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 200;
    line-height: 1.25;
    letter-spacing: -1px;
    text-align: center;
    padding-top: 30px;
    background: url(/images/sub_main/account_erp_c5_title_bg.png) no-repeat center 0;
    margin-bottom: 35px;
}
.accountErpC6Box h2 span {
    font-weight: 400;
}
.accountErpC6Box .aec6Box {
    width: 1050px;
}
.accountErpC6Box .listBox {
    float: left;
    width: 443px;
    height: 209px;
    border: 3px solid #fff;
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}
.accountErpC6Box .listBox.even {
    margin-right: 10px;
}
.accountErpC6Box .listBox.odd {
    margin-left: 10px;
}
.accountErpC6Box .listBox > strong {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    display: block;
    letter-spacing: -1.8px;
}
.accountErpC6Box .listBox > span {
    display: block;
    margin-top: -2px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-left: 5px;
}
.accountErpC6Box .listBox > span span {
    font-weight: 600;
}
.accountErpC6Box .listBox > p {
    height: 66px;
    font-size: 15px;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.5;
    font-weight: 300;
    opacity: 0.8;
    margin-bottom: 35px;
}
.accountErpC6Box .listBox > a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
    font-weight: 300;
    background-color: #fff;
    padding: 0 12px;
    margin-right: 2px;
}
.accountErpC6Box .listBox .pdn {
    padding: 0 2px;
    letter-spacing: -1.8px;
}
.accountErpC6Box .listBox .telBoxS {
    display: inline-block;
    position: relative;
    left: 0;
    top: 2px;
    width: 145px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
}
.accountErpC6Box .listBox .telBoxS > a {
    display: block;
    width: 145px;
    height: 30px;
    background: url(/images/sub_main/account_erp_c5_bullet.png) no-repeat 125px center;
}
.accountErpC6Box .listBox .telBoxS > a strong {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.7px;
    padding-left: 10px;
    font-style: italic;
    color: #000;
}
.accountErpC6Box .telBoxSS {
    width: 145px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 50;
    display: none;
}
.accountErpC6Box .telBoxSS li {
    height: 30px;
    background-color: #7dd3dd;
}
.accountErpC6Box .telBoxSS li + li {
    border-top: 1px solid #8de3ed;
}
.accountErpC6Box .telBoxSS li strong {
    font-size: 13px;
    color: #243739;
    font-weight: 600;
    line-height: 30px;
    padding-left: 10px;
    font-style: italic;
}
.accountErpC6Box .telBoxSS li strong span {
    font-style: normal;
    font-size: 12px;
    color: #395356;
    font-weight: 400;
    margin-left: 10px;
}
.accountErpC4Box .allPassBox1 .floatBox > div a:hover {
    color: #e86a53;
    text-decoration: underline;
}
.accountErpC4Box .allPassBox2 .floatBox > div a:hover {
    color: #e86a53;
    text-decoration: underline;
}
.accountErpC4Box .allPassBox3 .floatBox > div a:hover {
    color: #e86a53;
    text-decoration: underline;
}
#memberLogin {
    padding-top: 105px;
    width: 100%;
}
#memberLogin #loginWrap {
    width: 405px;
    margin: 0 auto;
    padding: 73px 0 0 0;
}
#memberLogin #loginWrap .login_t1 {
    font-size: 14px;
    color: #999;
    padding: 20px 0 94px 0;
    text-align: center;
}
#memberLogin #loginWrap .login_t2 {
    text-align: center;
}
#memberLogin #loginWrap #loginBox {
    width: 100%;
    height: 492px;
    background: url(/images/member/loginBoxbg.jpg) no-repeat;
    margin-bottom: 100px;
}
#memberLogin #loginWrap #loginBox p {
    padding: 29px 0 47px 0;
    text-align: center;
}
#memberLogin #loginWrap #loginBox #loginform {
    width: 332px;
    margin: 0 auto;
    position: relative;
}
#memberLogin #loginWrap #loginBox #loginform input {
    vertical-align: middle;
    border: 1px solid #ccc;
    font-family: "Noto Sans KR", sans-serif;
}
#memberLogin #loginWrap #loginBox #loginform span {
    font-size: 12px;
    font-family: "Noto Sans KR", sans-serif;
    color: #333;
}
#memberLogin #loginWrap #loginBox #loginform .inputId input[type="text"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon1.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
    line-height: 38px;
}
#memberLogin #loginWrap #loginBox #loginform .inputId div {
    position: absolute;
    left: 294px;
    top: 9px;
    display: none;
}
#memberLogin #loginWrap #loginBox #loginform .inputPw input[type="text"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon2.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
}
#memberLogin #loginWrap #loginBox #loginform .inputPw input[type="password"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon2.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
    line-height: 38px;
}
#memberLogin #loginWrap #loginBox #loginform .inputPw div {
    position: absolute;
    left: 294px;
    top: 9px;
    display: none;
}
#memberLogin #loginWrap #loginBox #loginform .inputSub input {
    width: 330px;
    height: 45px;
    background: #1297ba;
    border: 1px solid #05839d;
    color: #fff;
    font-size: 17px;
    margin: 26px 0 26px 0;
}
#memberLogin #loginWrap #loginBox #memberJoin {
    width: 330px;
    margin: 0 auto;
    vertical-align: middle;
}
#memberLogin #loginWrap #loginBox #memberJoin a {
    color: #333;
}
#memberLogin #loginWrap #loginBox #memberJoin span {
    font-size: 13px;
    color: #666;
    display: inline-block;
    line-height: 34px;
    height: 34px;
    letter-spacing: -1px;
}
#memberLogin #loginWrap #loginBox #memberJoin div {
    float: right;
    height: 32px;
    width: 136px;
    background: #f3f3f3;
    border: 1px solid #d4d4d4;
    color: #333;
    text-align: center;
    line-height: 32px;
}
#memberLogin #loginWrap #loginBox #memberIPserc {
    width: 330px;
    margin: 0 auto;
    vertical-align: middle;
    padding-top: 5px;
}
#memberLogin #loginWrap #loginBox #memberIPserc a {
    color: #333;
}
#memberLogin #loginWrap #loginBox #memberIPserc a:hover {
    text-decoration: underline;
}
#memberLogin #loginWrap #loginBox #memberIPserc span {
    font-size: 13px;
    color: #666;
    display: inline-block;
    line-height: 34px;
    height: 34px;
    letter-spacing: -1px;
}
#memberLogin #loginWrap #loginBox #memberIPserc div {
    float: right;
    height: 32px;
    width: 136px;
    background: #f3f3f3;
    border: 1px solid #d4d4d4;
    color: #333;
    text-align: center;
    line-height: 32px;
}
#idpwfind {
    padding-top: 105px;
    width: 100%;
}
#idpwfind #findWrap {
    width: 879px;
    margin: 0 auto;
    padding: 145px 0 187px 0;
    position: relative;
}
#idpwfind #findWrap .serach_box {
    display: none;
    z-index: 999;
    width: 427px;
    height: 507px;
    position: absolute;
    background: url(/images/member/serach_box.png) no-repeat;
    left: 224px;
    top: 343px;
}
#idpwfind #findWrap .serach_box div.serach_boxTop {
    font-size: 22px;
    color: #fff;
    height: 51px;
    margin-bottom: 32px;
}
#idpwfind #findWrap .serach_box div.serach_boxTop .serachBoxClose {
    cursor: pointer;
}
#idpwfind #findWrap .serach_box div.serach_boxTop p {
    float: right;
    margin: 10px 18px 0 0;
}
#idpwfind #findWrap .serach_box div.serach_boxTop p:first-child {
    float: left;
    margin: 10px 0 0 20px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap {
    width: 345px;
    margin: 0 auto;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_boxTap {
    margin-bottom: 26px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_boxTap div {
    float: left;
    width: 112px;
    height: 42px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #d4d4d4;
    line-height: 42px;
    border-radius: 2px;
    cursor: pointer;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_boxTap div.sbtOn {
    border: 1px solid #e97863;
    color: #d55037;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_boxTap div:first-child {
    margin-right: 27px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form input {
    width: 325px;
    height: 39px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    padding-left: 17px;
    font-family: "Noto Sans KR", sans-serif;
    margin-bottom: 9px;
    line-height: 39px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form input.wdrwBtnOk {
    padding: 0;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form li {
    position: relative;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form ul {
    display: none;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form ul:first-child {
    display: block;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form li .sfBtn {
    position: absolute;
    right: 15px;
    top: 6px;
    width: 68px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #0191a5;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form p.spTextP {
    font-size: 18px;
    color: #333;
    line-height: 21px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form p.spTextP span {
    color: #fb4848;
    font-size: 16px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form .serach_form_submit {
    margin-top: 58px;
    cursor: pointer;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form .ssfsb2 {
    margin-top: 20px;
}
#idpwfind #findWrap .serach_box .serach_boxWrap .serach_form .serach_form_submit input {
    margin: 0 auto;
    width: 130px;
    height: 48px;
    background: #02aac5;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 46px;
    display: block;
}
#idpwfind #findWrap #findId {
    width: 402px;
    float: left;
    margin-right: 75px;
}
#idpwfind #findWrap #findId p {
    text-align: center;
    font-size: 38px;
    color: #000;
    padding-bottom: 43px;
}
#idpwfind #findWrap #findId p span {
    line-height: 36px;
    vertical-align: top;
}
#idpwfind #findWrap #findId .findIdT1 {
    font-size: 16px;
    color: #333;
    padding-bottom: 14px;
}
#idpwfind #findWrap #findId .findIdT1 span {
    color: #e97863;
}
#idpwfind #findWrap #findId .findIdT1 span.t1 {
    color: #121212;
}
#idpwfind #findWrap #findId div.findId_pad {
    padding-bottom: 20px;
    height: 252px;
}
#idpwfind #findWrap #findId div {
    cursor: pointer;
}
#idpwfind #findWrap #findPw {
    width: 402px;
    float: left;
}
#idpwfind #findWrap #findPw p {
    text-align: center;
    font-size: 38px;
    color: #000;
    padding-bottom: 43px;
}
#idpwfind #findWrap #findPw p span {
    line-height: 36px;
    vertical-align: top;
}
#idpwfind #findWrap #findPw .findIdT1 {
    font-size: 16px;
    color: #333;
    padding-bottom: 14px;
}
#idpwfind #findWrap #findPw .findIdT1 span {
    color: #e97863;
}
#idpwfind #findWrap #findPw .findIdT1 span.t1 {
    color: #121212;
}
#idpwfind #findWrap #findPw div.findId_pad {
    padding-bottom: 20px;
    height: 252px;
}
#idpwfind #findWrap #findPw div {
    cursor: pointer;
}
#idfind {
    padding-top: 105px;
    width: 100%;
}
#idfind #idfindWrap {
    width: 1050px;
    margin: 0 auto;
    padding: 125px 0 187px 0;
    position: relative;
    text-align: center;
}
#idfind #idfindWrap p.t1 {
    text-align: center;
    font-size: 38px;
    color: #000;
    padding-bottom: 47px;
}
#idfind #idfindWrap p.t1 span {
    line-height: 36px;
    vertical-align: top;
}
#idfind #idfindWrap p.t2 {
    color: #777;
    font-size: 16px;
    letter-spacing: -0.075em;
    padding-bottom: 36px;
}
#idfind #idfindWrap p.t3 {
    width: 525px;
    height: 130px;
    background: #f3f3f3;
    font-size: 16px;
    color: #999;
    display: inline-block;
    text-align: left;
    line-height: 130px;
    text-indent: 35px;
    margin-bottom: 4px;
}
#idfind #idfindWrap p.t3 span {
    background: url(/images/member/idfind_dot.jpg) no-repeat 0 50%;
    font-size: 20px;
    color: #02aac5;
    text-indent: 21px;
    display: inline-block;
    padding-right: 14px;
}
#idfind .wdrwBtn {
    text-align: center;
    margin: 120px 0;
}
#idfind .wdrwBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
}
#idfind .wdrwBtn .wdrwBtnOk {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #02aac5;
    border: 0;
    cursor: pointer;
    vertical-align: top;
    font-family: "Noto Sans KR", sans-serif;
}
#idfind .wdrwBtn a.wdrwBtnNo {
    background: #404041;
    margin-right: 9px;
}
#pwfind {
    padding-top: 105px;
    width: 100%;
}
#pwfind #pwfindWrap {
    width: 1050px;
    margin: 0 auto;
    padding: 125px 0 187px 0;
    position: relative;
    text-align: center;
}
#pwfind #pwfindWrap p.t1 {
    text-align: center;
    font-size: 38px;
    color: #000;
    padding-bottom: 47px;
}
#pwfind #pwfindWrap p.t1 span {
    line-height: 36px;
    vertical-align: top;
}
#pwfind #pwfindWrap p.t2 {
    color: #999;
    font-size: 16px;
    letter-spacing: -0.075em;
    padding-bottom: 36px;
    text-align: left;
    padding-left: 284px;
}
#pwfind #pwfindWrap p.t2 span {
    color: #fb4848;
}
#pwfind #pwfindWrap p.t3 input {
    width: 333px;
    height: 48px;
    font-size: 18px;
    color: #7f7e7e;
    letter-spacing: -0.075em;
    margin-bottom: 10px;
    padding-left: 17px;
    font-family: "Noto Sans KR", sans-serif;
}
#pwfind .wdrwBtn {
    text-align: center;
    margin: 50px 0;
}
#pwfind .wdrwBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
#pwfind .wdrwBtn .wdrwBtnOk {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #02aac5;
    border: 0;
    cursor: pointer;
    font-family: "Noto Sans KR", sans-serif;
}
#pwfind .wdrwBtn a.wdrwBtnNo {
    background: #404041;
    margin-right: 9px;
}
#joinWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#joinWrite .noticeTitle > h2 {
    background: url(/images/member/join_title_03.png) no-repeat;
}
#joinWrite .joinSelectBox {
    width: 1050px;
    margin: 0 auto;
    margin: 40px 0 34px 0;
}
#joinWrite .joinSelectBox ul {
    margin-left: 230px;
}
#joinWrite .joinSelectBox ul li {
    float: left;
    margin-right: 34px;
    width: 280px;
    height: 262px;
    border-top: 4px solid #404041;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}
#joinWrite .joinSelectBox ul li:hover {
    background-color: #f8f8f8;
    border-top: 4px solid #e97863;
}
#joinWrite .joinSelectBox ul li.on {
    background-color: #f8f8f8;
    border-top: 4px solid #e97863;
}
#joinWrite .joinSelectBox ul li a {
    display: block;
}
#joinWrite .joinSelectBox ul li p {
    font-size: 34px;
    padding-top: 50px;
    letter-spacing: -0.75px;
    color: #424242;
    font-weight: 300;
}
#joinWrite .joinSelectBox ul li span {
    font-size: 17px;
    padding: 8px 0 15px 0;
    letter-spacing: -0.75px;
    color: #424242;
    font-weight: 300;
    display: block;
}
#joinWrite .joinykBox {
    width: 978px;
    border: 1px solid #ccc;
    padding: 15px 35px 25px 35px;
}
#joinWrite .joinykBox .jyk1 {
    letter-spacing: -0.75px;
    width: 100%;
    font-size: 18px;
    color: #333;
    position: relative;
    line-height: 38px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
#joinWrite .joinykBox .jyk1 input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -100;
}
#joinWrite .joinykBox .jyk1 label {
    display: block;
    width: 978px;
    background: url(/images/member/j_cbox1_off.gif) 99% 0 no-repeat;
    padding-bottom: 8px;
}
#joinWrite .joinykBox .jyk1 label.on {
    background: url(/images/member/j_cbox1_on.gif) 99% 0 no-repeat;
}
#joinWrite .joinykBox ul {
    margin: 0 14px;
}
#joinWrite .joinykBox ul li b {
    position: absolute;
    right: 40px;
    top: 0;
    cursor: pointer;
}
#joinWrite .joinykBox ul li b img {
    padding-top: 12px;
    display: block;
}
#joinWrite .joinykBox table.actTable {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0;
    border-collapse: collapse;
}
#joinWrite .joinykBox table.actTable td {
    padding: 5px 0;
    border: 1px solid #ddd;
}
#joinWrite .joinykBox table.actTable th {
    padding: 5px 0;
    border: 1px solid #ddd;
    text-align: center;
}
#joinWrite .joinykBox .jyk2 {
    letter-spacing: -0.75px;
    width: 100%;
    font-size: 16px;
    color: #414141;
    position: relative;
    line-height: 38px;
}
#joinWrite .joinykBox .jyk2 span {
    font-size: 13px;
    color: #e86a53;
}
#joinWrite .joinykBox .jyk2 input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -100;
}
#joinWrite .joinykBox .jyk2 label {
    display: block;
    width: 950px;
    background: url(/images/member/j_cbox2_off.gif) 100% 5px no-repeat;
    padding-bottom: 8px;
}
#joinWrite .joinykBox .jyk2 label.on {
    background: url(/images/member/j_cbox2_on.gif) 100% 5px no-repeat;
}
#joinWrite .joinykBox .jykText {
    width: 908px;
    height: 130px;
    border: 1px solid #d4d4d4;
    background-color: #eee;
    color: #424242;
    letter-spacing: -0.75px;
    line-height: 16px;
    display: none;
    overflow-y: scroll;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 10px;
}
#joinWrite .joinykBox .jykText p {
    line-height: 16px;
    font-weight: 400;
}
#joinWrite .joinykBox .jykText.on {
    display: block;
}
#joinWrite .joinykBox .jykText table {
    color: #666;
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    padding: 0;
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
}
#joinWrite .joinykBox .jykText table.table1 th,
.table1 td {
    border: 1px solid #d6d6d6;
    width: 25%;
    text-align: center;
    padding: 10px 0;
}
#joinWrite .joinBox {
    margin-top: 34px;
    width: 978px;
    border: 1px solid #ccc;
    padding: 15px 35px 5px 35px;
}
#joinWrite .joinBox dl.cntt dt {
    letter-spacing: -1px;
    float: left;
    width: 180px;
    height: 68px;
    line-height: 66px;
    text-indent: 28px;
    margin-right: 50px;
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 16px;
}
#joinWrite .joinBox dl.cntt dt.bbn {
    border-bottom: none;
}
#joinWrite .joinBox dl.cntt dd {
    letter-spacing: -0.75px;
    float: left;
    width: 710px;
    height: 68px;
    line-height: 66px;
    padding-left: 20px;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
}
#joinWrite .joinBox dl.cntt dd.bbn {
    border-bottom: none;
}
#joinWrite .joinBox dl.cntt dd.padd {
    position: relative;
}
#joinWrite .joinBox dl.cntt dd.padd span.paspan {
    position: absolute;
    left: -70px;
}
#joinWrite .joinBox dl.cntt dd span.jred {
    color: #fb4848;
    font-size: 14px;
    position: absolute;
    bottom: 11px;
    left: 30px;
}
#joinWrite .joinBox dl.cntt dd span.jgray {
    color: #7d7c7c;
    font-size: 14px;
    position: absolute;
    bottom: 12px;
    left: 25px;
}
#joinWrite .joinBox dl.cntt .thumb_check {
    width: 0;
    height: 0;
    position: absolute;
}
#joinWrite .joinBox dl.cntt .thumb_click {
    padding: 0;
    vertical-align: middle;
}
#joinWrite .joinBox dl.cntt .jyk3 label {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
    padding: 0 10px 0 5px;
}
#joinWrite .joinBox dl.cntt dd p.t1 {
    position: absolute;
    color: #999;
    font-size: 12px;
    top: 55px;
    letter-spacing: -0.02em;
    line-height: 12px;
}
#joinWrite .joinBox dl.cntt dd p.t1 span {
    color: #f33c3c;
}
#joinWrite .joinBox dl.cntt dd p.t2 {
    position: absolute;
    color: #f33c3c;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 14px;
}
#joinWrite .joinBox dl.cntt1 dt {
    height: 74px;
}
#joinWrite .joinBox dl.cntt1 dd {
    height: 74px;
    position: relative;
}
#joinWrite .joinBox dl.cntt dd label {
    color: #666;
}
#joinWrite .joinBox dl.cntt dd input[type="text"] {
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    color: #666;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 142px;
}
#joinWrite .joinBox dl.cntt dd input[type="text"]#email {
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    color: #666;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 456px;
}
#joinWrite .joinBox dl.cntt dd.ipwds input[type="text"] {
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    color: #666;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 500px;
}
#joinWrite .joinBox dl.cntt dd input[type="text"]:focus {
    outline: solid 2px #a5c7fe;
}
#joinWrite .joinBox dl.cntt dd input[type="password"]:focus {
    outline: solid 2px #a5c7fe;
}
#joinWrite .joinBox dl.cntt dd.lhn {
    line-height: 0;
    position: relative;
}
#joinWrite .joinBox dl.cntt dd.lhn input[type="text"] {
    margin: 4px 0 16px 0;
}
#joinWrite .joinBox dl.cntt dd.lhn input[type="password"] {
    margin: 4px 0 16px 0;
}
#joinWrite #ex_ip,
#joinWrite #user_name {
    margin: 10px 0 0 0;
}
#joinWrite .joinBox dl.cntt dd input[type="password"] {
    display: block;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 38px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 142px;
}
#joinWrite .joinBox dl.cntt dd.ps2Check label {
    position: absolute;
    color: #7d7d7d;
    font-size: 16px;
    top: 15px;
    left: 29px;
    letter-spacing: 1px;
    line-height: 28px;
}
#joinWrite .joinBox dl.cntt dd input.w250 {
    width: 180px;
    float: left;
    margin: 12px 0;
}
#joinWrite .joinBox dl.cntt dd input.w165 {
    width: 142px;
    float: left;
    margin: 12px 0;
    margin-right: 8px;
}
#joinWrite .joinBox dl.cntt dd input.fcgray {
    color: #999;
    width: 220px;
    margin-left: 0;
    margin-right: 38px;
}
#joinWrite .joinBox dl.cntt dd input.w160 {
    width: 120px;
    float: left;
    margin: 12px 0;
    text-align: center;
    padding: 0;
}
#joinWrite .joinBox dl.cntt dd input.w160 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#joinWrite .joinBox dl.cntt dd input.w165 + span {
    float: left;
    font-size: 16px;
    color: #666;
    padding: 0 10px 0 4px;
}
#joinWrite .joinBox dl.cntt dd .emailBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#joinWrite .joinBox dl.cntt dd .emailBox2 {
    margin-left: 20px;
}
#joinWrite .joinBox dl.cntt dd input[type="radio"] {
    display: none;
}
#joinWrite .joinBox dl.cntt dd input[type="radio"] + label {
    margin-right: 50px;
    padding-left: 30px;
    background: url(/images/common/radio_off.gif) no-repeat 0 5px;
}
#joinWrite .joinBox dl.cntt dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 5px;
}
#joinWrite .joinBox dl.cntt dd .pesrBox {
    float: left;
}
#joinWrite .joinBox dl.cntt dd .areaBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0 10px 103px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#joinWrite .joinBox dl.cntt dd .areaBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 10px;
    letter-spacing: 1px;
    line-height: 28px;
    letter-spacing: -0.75px;
}
#joinWrite .joinBox dl.cntt dd .areaBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#joinWrite .joinBox dl.cntt dd .select-wrap {
    width: 140px;
    color: #333;
    font-size: 14px;
    margin: 12px 15px 12px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#joinWrite .joinBox dl.cntt dd .phone-number-wrap .select-wrap {
    margin: 12px 0;
}
#joinWrite .joinBox dl.cntt dd .select-wrap > select {
    background-color: #f3f3f3;
}
#joinWrite .joinBox span.phone-hyphen {
    margin: 12px 0;
}
#joinWrite .joinBox dl.cntt dd .signbtn1 {
    background: #707070;
    width: 87px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    position: relative;
    top: 3px;
}
#joinWrite .joinBox dl.cntt dd .signbtn1:hover {
    background-color: #616161;
    color: #fff;
}
#joinWrite .joinBox dl.cntt dd .signbtn {
    width: 87px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #0191a5;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
}
#joinWrite .joinBox dl.cntt dd .signbtn:hover {
    background-color: #009ab8;
    color: #fff;
}
#joinWrite .artext {
    color: #999;
    font-size: 12px;
    padding: 5px 0 0 67px;
    display: block;
    font-weight: 300;
}
#joinWrite .joinBtn {
    text-align: center;
    margin: 100px 0;
}
#joinWrite .joinBtn a {
    display: inline-block;
    width: 450px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
#joinWrite .joinBtn a.jiOk {
    background: #00b3cc;
}
#joinWrite .joinendBox {
    width: 1050px;
    background-color: #f3f3f3;
    border-top: 4px solid #333;
    padding: 110px 0;
    text-align: center;
}
#joinWrite .joinendBox p {
    color: #333;
    letter-spacing: -0.75px;
    font-size: 28px;
    padding-bottom: 20px;
}
#joinWrite .joinendBox span {
    color: #aaa;
    letter-spacing: -0.75px;
    font-size: 15px;
    font-weight: 300;
}
#joinWrite .joinendBtn {
    text-align: center;
    margin: 40px 0;
}
#joinWrite .joinendBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
#joinWrite .joinendBtn a.jeiOk {
    background: #41b0bd;
}
#joinWrite .joinBox .mro1 {
    margin-right: 83px !important;
}
#joinWrite .joinBox .mro2 {
    margin-right: 69px !important;
}
#joinWrite .joinBox .mro3 {
    margin-right: 69px !important;
}
#withdrawalWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#withdrawalWrite .noticeTitle > h2 {
    background: url(/images/member/withdrawal_title.jpg) no-repeat;
}
#withdrawalWrite .withdrawalBox {
    width: 978px;
    border: 1px solid #ccc;
    padding: 43px 35px 50px 35px;
}
#withdrawalWrite .withdrawalBox > div {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 10px;
}
#withdrawalWrite .withdrawalBox b {
    color: #414141;
    font-size: 18px;
    display: block;
    padding-bottom: 20px;
    font-weight: 400;
}
#withdrawalWrite .withdrawalBox b > span {
    color: #e97863;
}
#withdrawalWrite .withdrawalBox p {
    font-size: 14px;
    color: #666;
}
#withdrawalWrite .withdrawalBox > div input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: -100;
}
#withdrawalWrite .withdrawalBox > div label {
    position: absolute;
    width: 40px;
    height: 30px;
    padding-top: 40px;
    background: url(/images/member/w_cbox1_off.gif) 99% 0 no-repeat;
    padding-bottom: 8px;
    right: 20px;
    top: 0;
    font-size: 16px;
    color: #8c8c8c;
    text-indent: 7px;
}
#withdrawalWrite .withdrawalBox > div label.on {
    background: url(/images/member/w_cbox1_on.gif) 99% 0 no-repeat;
}
#withdrawalWrite .withdrawalBox .wdb2 dl {
    width: 100%;
    margin-top: 30px;
}
#withdrawalWrite .withdrawalBox .wdb2 dl dt {
    width: 100%;
    color: #424242;
    font-size: 15px;
    padding-bottom: 10px;
}
#withdrawalWrite .withdrawalBox .wdb2 dl dd {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    padding-left: 15px;
}
#withdrawalWrite .withdrawalBox .wdb3 {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#withdrawalWrite .withdrawalBox .wdb3 p > span {
    color: #e97863;
}
#withdrawalWrite .withdrawalBox .wdb3 p.wbbp2 {
    color: #888;
    padding-top: 20px;
}
#withdrawalWrite p.endP {
    font-size: 15px;
    color: #e74c39;
    line-height: 22px;
    padding: 30px 0 30px 45px;
}
#withdrawalWrite .wdrwBtn {
    text-align: center;
    margin: 100px 0;
}
#withdrawalWrite .wdrwBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
#withdrawalWrite .wdrwBtn a.wdrwBtnOk {
    background: #02aac5;
}
#withdrawalWrite .wdrwBtn a.wdrwBtnNo {
    background: #404041;
    margin-right: 9px;
}
#withdrawalWrite .wdrwAgree {
    margin-left: 45px;
    color: #333;
    font-size: 18px;
}
#withdrawalWrite .wdrwAgree input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}
#withdrawalWrite .wdrwAgree label {
    display: block;
    background: url(/images/member/wdrAgree_off.gif) 0 3px no-repeat;
    padding-bottom: 8px;
    padding-left: 35px;
}
#withdrawalWrite .wdrwAgree label.on {
    background: url(/images/member/wdrAgree_on.gif) 0 3px no-repeat;
}
#myinfo1Write {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#myinfo1Write .noticeTitle > h2 {
    background: url(/images/member/myinfo1_title.jpg) no-repeat;
}
#myinfo1Write .joinBox1 {
    margin-top: 0 !important;
}
#myinfo1Write .joinBox dl.cntt dd input[type="text"] {
    color: #666;
    letter-spacing: -0.75px;
}
#myinfo1Write .joinBox .psre {
    background-color: #999;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    border-radius: 7px;
    margin-left: 10px;
}
#myinfo1Write .infowdBtn {
    text-align: right;
    margin-top: 12px;
}
#myinfo1Write .infowdBtn a {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #404041;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
}
#myinfo1Write .wdrwBtn {
    text-align: center;
    margin: 50px 0;
}
#myinfo1Write .wdrwBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
#myinfo1Write .wdrwBtn a.wdrwBtnOk {
    background: #02aac5;
}
#myinfo1Write .wdrwBtn a.wdrwBtnNo {
    background: #404041;
    margin-right: 9px;
}
#myinfo1Write .joinBox {
    margin-top: 34px;
    width: 978px;
    border: 1px solid #ccc;
    padding: 15px 35px 5px 35px;
}
#myinfo1Write .joinBox dl.cntt dt {
    letter-spacing: -1px;
    float: left;
    width: 180px;
    height: 54px;
    line-height: 54px;
    text-indent: 28px;
    margin-right: 50px;
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 16px;
}
#myinfo1Write .joinBox dl.cntt dt.bbn {
    border-bottom: none;
}
#myinfo1Write .joinBox dl.cntt dd {
    letter-spacing: -0.75px;
    float: left;
    width: 710px;
    height: 54px;
    line-height: 54px;
    padding-left: 20px;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    color: #666;
}
#myinfo1Write .joinBox dl.cntt dd.bbn {
    border-bottom: none;
}
#myinfo1Write .joinBox dl.cntt dd span.jred {
    color: #fb4848;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
#myinfo1Write .joinBox dl.cntt dd span.jgray {
    color: #7d7c7c;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
#myinfo1Write .joinBox dl.cntt dd input[type="text"]:focus {
    outline: solid 2px #a5c7fe;
}
#myinfo1Write .joinBox dl.cntt dd input[type="password"]:focus {
    outline: solid 2px #a5c7fe;
}
#myinfo1Write .joinBox dl.cntt dd input[type="text"] {
    display: inline-block;
    width: 500px;
    height: 28px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo1Write .joinBox dl.cntt dd.ipwdt input[type="text"] {
    width: 180px;
}
#myinfo1Write .joinBox dl.cntt dd.ipwdt1 input[type="text"] {
    width: 130px;
}
#myinfo1Write .joinBox dl.cntt dd.lhn {
    line-height: 0;
    position: relative;
}
#myinfo1Write .joinBox dl.cntt dd input[type="password"] {
    display: block;
    width: 500px;
    height: 28px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo1Write .joinBox dl.cntt dd input.w450 {
    width: 450px;
    float: left;
    margin: 12px 0;
}
#myinfo1Write .joinBox dl.cntt dd input.w250 {
    width: 180px;
    float: left;
    margin: 12px 0;
}
#myinfo1Write .joinBox dl.cntt dd input.w160 {
    width: 140px;
    float: left;
    margin: 12px 0;
    text-align: center;
}
#myinfo1Write .joinBox dl.cntt dd input.w165 {
    width: 130px;
    float: left;
    margin: 12px 0;
    margin-right: 8px;
}
#myinfo1Write .joinBox dl.cntt dd input.w160 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#myinfo1Write .joinBox dl.cntt dd input.w165 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px 0 0;
}
#myinfo1Write .joinBox dl.cntt dd input.w250 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#myinfo1Write .joinBox dl.cntt dd .emailBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 10px 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo1Write .joinBox dl.cntt dd .emailBox2 {
    margin-left: 20px;
}
#myinfo1Write .joinBox dl.cntt dd .emailBox label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: 1px;
    line-height: 28px;
    letter-spacing: -0.75px;
}
#myinfo1Write .joinBox dl.cntt dd .emailBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox1 {
    position: relative;
    width: 150px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    border-right: 1px solid #ededed;
    padding-right: 10px;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox1 label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox1 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox2 {
    position: relative;
    width: 150px;
    border-right: 1px solid #ededed;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    border-right: 1px solid #ededed;
    padding-right: 10px;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox2 label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox2 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox3 {
    position: relative;
    width: 150px;
    border-right: 1px solid #ededed;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox3 label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo1Write .joinBox dl.cntt dd .birthBox3 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd input[type="radio"] {
    display: none;
}
#myinfo1Write .joinBox dl.cntt dd input[type="radio"] + label {
    margin-right: 50px;
    padding-left: 30px;
    background: url(/images/common/radio_off.gif) no-repeat 0 5px;
}
#myinfo1Write .joinBox dl.cntt dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 5px;
}
#myinfo1Write .joinBox dl.cntt dd .pesrBox {
    float: left;
}
#myinfo1Write .joinBox dl.cntt dd .areaBox {
    position: relative;
    width: 200px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: none;
    background-color: #fff;
}
#myinfo1Write .joinBox dl.cntt dd .areaBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo1Write .joinBox dl.cntt dd .areaBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd .phoneBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0;
    margin-right: 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo1Write .joinBox dl.cntt dd .phoneBox label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo1Write .joinBox dl.cntt dd .phoneBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo1Write .joinBox dl.cntt dd .phoneBox + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
#myinfo1Write .joinBox dl.cntt dd .signbtn {
    width: 87px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #ccc;
    color: #0191a5;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
}
#myinfo1Write .joinBox dl.cntt dd .signbtn2 {
    width: 87px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #0191a5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
}
#myinfo1Write .joinBox .mro1 {
    margin-right: 83px !important;
}
#myinfo2Write {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#myinfo2Write .noticeTitle > h2 {
    background: url(/images/member/myinfo2_title.jpg) no-repeat;
}
#myinfo2Write .joinBox1 {
    margin-top: 0 !important;
}
#myinfo2Write .joinBox dl.cntt dd input[type="text"] {
    color: #666;
    letter-spacing: -0.75px;
}
#myinfo2Write .joinBox dl.cntt dd input[type="text"]#email {
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 28px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    color: #666;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 456px;
}
#myinfo2Write .joinBox .psre {
    background-color: #999;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    border-radius: 7px;
    margin-left: 10px;
}
#myinfo2Write .infowdBtn {
    text-align: right;
    margin-top: 12px;
}
#myinfo2Write .infowdBtn a {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #404041;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
}
#myinfo2Write .wdrwBtn {
    text-align: center;
    margin: 50px 0;
}
#myinfo2Write .wdrwBtn a {
    display: inline-block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
#myinfo2Write .wdrwBtn a.wdrwBtnOk {
    background: #02aac5;
}
#myinfo2Write .wdrwBtn a.wdrwBtnNo {
    background: #404041;
    margin-right: 9px;
}
#myinfo2Write .joinBox {
    margin-top: 34px;
    width: 978px;
    border: 1px solid #ccc;
    padding: 15px 35px 5px 35px;
    position: relative;
}
#myinfo2Write .joinBox dl.cntt dt {
    letter-spacing: -0.75px;
    float: left;
    width: 180px;
    height: 54px;
    line-height: 54px;
    text-indent: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 16px;
}
#myinfo2Write .joinBox dl.cntt dt.bbn {
    border-bottom: none;
}
#myinfo2Write .joinBox dl.cntt dd {
    letter-spacing: -0.75px;
    float: left;
    width: 710px;
    height: 54px;
    line-height: 54px;
    padding-left: 20px;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    color: #666;
}
#myinfo2Write .joinBox dl.cntt dd.bbn {
    border-bottom: none;
}
#myinfo2Write .joinBox dl.cntt dd span.jred {
    color: #fb4848;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
#myinfo2Write .joinBox dl.cntt dd span.jgray {
    color: #7d7c7c;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
#myinfo2Write .joinBox dl.cntt dd input[type="text"]:focus {
    outline: solid 2px #a5c7fe;
}
#myinfo2Write .joinBox dl.cntt dd input[type="password"]:focus {
    outline: solid 2px #a5c7fe;
}
#myinfo2Write .joinBox dl.cntt dd input[type="text"] {
    display: inline-block;
    width: 500px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    height: 28px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#myinfo2Write .joinBox dl.cntt dd.ippwt input[type="text"] {
    width: 180px;
}
#myinfo2Write .joinBox dl.cntt dd.lhn {
    line-height: 0;
    position: relative;
}
#myinfo2Write .joinBox dl.cntt dd input[type="password"] {
    display: block;
    width: 500px;
    height: 28px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo2Write .joinBox dl.cntt dd input.w250 {
    width: 180px;
    float: left;
    margin: 12px 0;
}
#myinfo2Write .joinBox dl.cntt dd input.fcgray {
    margin-right: 38px;
    width: 220px;
}
#myinfo2Write .joinBox dl.cntt dd input.w160 {
    width: 140px;
    float: left;
    margin: 12px 0;
    text-align: center;
    padding: 0;
}
#myinfo2Write .joinBox dl.cntt dd input.w165 {
    width: 130px;
    float: left;
    margin: 12px 0;
    margin-right: 8px;
}
#myinfo2Write .joinBox dl.cntt dd input.w160 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#myinfo2Write .joinBox dl.cntt dd input.w165 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 8px 0 0;
}
#myinfo2Write .joinBox dl.cntt dd input.w250 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#myinfo2Write .joinBox dl.cntt dd .emailBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo2Write .joinBox dl.cntt dd .emailBox label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: -0.75px;
    line-height: 28px;
}
#myinfo2Write .joinBox dl.cntt dd .emailBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox1 {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    padding-right: 0;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox1 label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    line-height: 28px;
    letter-spacing: -0.75px;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox1 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox2 {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    padding-right: 0;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox2 label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: -0.75px;
    line-height: 28px;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox2 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox3 {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 10px 0 10px 17px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox3 label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: -0.75px;
    line-height: 28px;
}
#myinfo2Write .joinBox dl.cntt dd .birthBox3 .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd input[type="radio"] {
    display: none;
}
#myinfo2Write .joinBox dl.cntt dd input[type="radio"] + label {
    margin-right: 50px;
    padding-left: 30px;
    background: url(/images/common/radio_off.gif) no-repeat 0 5px;
}
#myinfo2Write .joinBox dl.cntt dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 5px;
}
#myinfo2Write .joinBox dl.cntt dd .pesrBox {
    float: left;
}
#myinfo2Write .joinBox dl.cntt dd .areaBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0 10px 100px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo2Write .joinBox dl.cntt dd .areaBox label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo2Write .joinBox dl.cntt dd .areaBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd .phoneBox {
    position: relative;
    width: 140px;
    height: 28px;
    color: #666;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 95% center no-repeat;
    float: left;
    margin: 12px 0;
    margin-right: 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#myinfo2Write .joinBox dl.cntt dd .phoneBox label {
    position: absolute;
    font-size: 16px;
    color: #666;
    top: 0;
    left: 10px;
    letter-spacing: 1px;
    line-height: 28px;
}
#myinfo2Write .joinBox dl.cntt dd .phoneBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#myinfo2Write .joinBox dl.cntt dd .phoneBox + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
#myinfo2Write .joinBox dl.cntt .thumb_check {
    height: 0;
    position: absolute;
}
#myinfo2Write .joinBox dl.cntt .thumb_click {
    padding: 0;
    vertical-align: middle;
}
#myinfo2Write .joinBox dl.cntt .jyk3 label {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
    padding: 0 7px 0 8px;
}
#myinfo2Write .joinBox dl.cntt dd p.t1 {
    position: absolute;
    color: #999;
    font-size: 12px;
    top: 56px;
    letter-spacing: -0.02em;
    line-height: 12px;
}
#myinfo2Write .joinBox dl.cntt dd p.t1 span {
    color: #f33c3c;
}
#myinfo2Write .joinBox dl.cntt dd p.t2 {
    position: relative;
    color: #f33c3c;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 14px;
}
#myinfo2Write .joinBox dl.cntt1 dt {
    height: 74px;
}
#myinfo2Write .joinBox dl.cntt1 dd {
    height: 74px;
    position: relative;
}
#myinfo2Write .joinBox dl.cntt dd .signbtn {
    width: 87px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #ccc;
    color: #0191a5;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
}
#myinfo2Write .joinBox dl.cntt dd .signbtn2 {
    width: 87px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #0191a5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
}
#myinfo2Write .joinBox .mro1 {
    margin-right: 83px !important;
}
#myinfo2Write .joinBox .mro2 {
    margin-right: 69px !important;
}
#myinfo2Write .joinBox .mro3 {
    margin-right: 69px !important;
}
#myinfo2Write #pwbox {
    display: none;
    z-index: 999;
    position: absolute;
    top: 70px;
    left: 300px;
    background: url(/images/member/serach_box.png) no-repeat;
    width: 381px;
    padding: 0 19px 0 26px;
    height: 507px;
}
#myinfo2Write #pwbox div.pwboxTop {
    font-size: 22px;
    color: #fff;
    height: 51px;
    margin-bottom: 32px;
}
#myinfo2Write #pwbox div.pwboxTop .pwboxTopClose {
    cursor: pointer;
}
#myinfo2Write #pwbox div.pwboxTop p {
    float: right;
    margin: 10px 18px 0 0;
}
#myinfo2Write #pwbox div.pwboxTop p:first-child {
    float: left;
    margin: 10px 0 0 20px;
}
#myinfo2Write #pwbox .tit1 {
    font-size: 16px;
    color: #999;
    letter-spacing: -1.4px;
    line-height: 26px;
}
#myinfo2Write #pwbox .tit1 span {
    color: #fb4848;
}
#myinfo2Write #pwbox .ip1 {
    margin: 55px 0 74px 12px;
}
#myinfo2Write #pwbox .ip1 input {
    width: 332px;
    border: 1px solid #ccc;
    height: 48px;
    font-size: 18px;
    color: #7f7e7e;
    padding-left: 20px;
}
#myinfo2Write #pwbox .btn1 {
    text-align: center;
}
#myinfo2Write #pwbox .btn1 input[type="submit"] {
    background: #02aac5;
    font-size: 16px;
    color: #fff;
    border: 0;
    padding: 15px 50px;
}
#infoRecf {
    padding-top: 105px;
    width: 100%;
}
#infoRecf #loginWrap {
    width: 446px;
    margin: 0 auto;
    padding: 73px 0 0 0;
}
#infoRecf #loginWrap .login_t1 {
    font-size: 38px;
    color: #000;
    text-align: center;
    height: 41px;
    margin-bottom: 82px;
}
#infoRecf #loginWrap .login_t1 span {
    vertical-align: top;
    line-height: 42px;
    text-indent: 15px;
    display: inline-block;
}
#infoRecf #loginWrap .btn {
    text-align: center;
    margin: 47px 0 100px 0;
}
#infoRecf #loginWrap .btn a.t1 {
    color: #fff;
    background: #404041;
    display: inline-block;
    padding: 15px 50px;
    font-size: 16px;
    margin-right: 10px;
}
#infoRecf #loginWrap .btn a.t2 {
    color: #fff;
    background: #02aac5;
    display: inline-block;
    padding: 15px 50px;
    font-size: 16px;
}
#infoRecf #loginWrap #loginBox {
    width: 100%;
    height: 382px;
    background: url(/images/member/infoRecfBoxbg.jpg) no-repeat;
    margin-bottom: 0;
}
#infoRecf #loginWrap #loginBox p.t1 {
    padding: 55px 0 30px 49px;
    color: #121212;
    font-size: 18px;
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -1.2px;
}
#infoRecf #loginWrap #loginBox p.t2 {
    padding: 0 0 22px 50px;
    color: #999;
    font-size: 16px;
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -1.2px;
    line-height: 26px;
}
#infoRecf #loginWrap #loginBox #loginform {
    width: 332px;
    margin: 0 auto;
    position: relative;
}
#infoRecf #loginWrap #loginBox #loginform input {
    vertical-align: middle;
    border: 1px solid #ccc;
    font-family: "Noto Sans KR", sans-serif;
}
#infoRecf #loginWrap #loginBox #loginform span {
    font-size: 12px;
    font-family: "Noto Sans KR", sans-serif;
    color: #333;
}
#infoRecf #loginWrap #loginBox #loginform .inputId input[type="text"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon1.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
    position: relative;
}
#infoRecf #loginWrap #loginBox #loginform .inputId div {
    position: absolute;
    left: 300px;
    top: 9px;
    display: none;
    width: 22px;
    height: 20px;
    z-index: 999;
}
#infoRecf #loginWrap #loginBox #loginform .inputPw input[type="text"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon2.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
}
#infoRecf #loginWrap #loginBox #loginform .inputPw input[type="password"] {
    width: 276px;
    height: 38px;
    border: 1px solid #ccc;
    color: #7f7e7e;
    font-size: 14px;
    padding-left: 52px;
    background: url(/images/member/login_Sicon2.jpg) #fff no-repeat 17px 9px;
    margin-bottom: 8px;
}
#infoRecf #loginWrap #loginBox #loginform .inputPw div {
    position: absolute;
    left: 294px;
    top: 9px;
    display: none;
}
#infoRecf #loginWrap #loginBox #loginform .inputSub input {
    width: 330px;
    height: 45px;
    background: #1297ba;
    border: 1px solid #05839d;
    color: #fff;
    font-size: 17px;
    margin: 26px 0 26px 0;
}
#infoRecf #loginWrap #loginBox #memberIPserc {
    width: 330px;
    margin: 0 auto;
    vertical-align: middle;
    padding-top: 22px;
}
#infoRecf #loginWrap #loginBox #memberIPserc a {
    color: #333;
}
#infoRecf #loginWrap #loginBox #memberIPserc a:hover {
    text-decoration: underline;
}
#infoRecf #loginWrap #loginBox #memberIPserc span {
    font-size: 13px;
    color: #666;
    display: inline-block;
    line-height: 34px;
    height: 34px;
    letter-spacing: -1px;
}
#infoRecf #loginWrap #loginBox #memberIPserc div {
    float: right;
    height: 32px;
    width: 136px;
    background: #f3f3f3;
    border: 1px solid #d4d4d4;
    color: #333;
    text-align: center;
    line-height: 32px;
}
#club {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
.clubTitle {
    padding-bottom: 25px;
}
.clubTitle h2.clubH2 {
    text-indent: -999999px;
    width: 364px;
    height: 81px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    background: url(/images/club/club_title.png) no-repeat center center;
}
.clubTitle span.h2span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
.clubTopBox {
    margin-bottom: 85px;
}
.clubTopSBox {
    float: left;
    width: 736px;
}
.clubSearchBox {
    width: 613px;
    height: 42px;
    background: url(/images/club/club_search_bg.png) no-repeat 0 0;
    margin-bottom: 72px;
}
.clubSelectBox {
    float: left;
    position: relative;
    top: 1px;
    left: 1px;
    width: 110px;
    height: 40px;
    color: #333;
    font-size: 15px;
    background: url(/images/club/select_arrow2.png) 92px center no-repeat;
}
.clubSelectBox label {
    position: absolute;
    font-size: 15px;
    color: #009ab8;
    top: 9px;
    left: 25px;
    letter-spacing: 1px;
}
.clubSelectBox .nsbox {
    width: 100px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    margin-left: 10px;
    opacity: 0;
}
.clubSearchBox input[type="text"] {
    float: left;
    width: 420px;
    height: 22px;
    margin-top: 10px;
    padding: 0 10px;
    border: none;
    background: 0 0;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif;
}
.clubSearchBox .cSearchIco {
    float: left;
    margin-top: 1px;
}
.clubSearchBox .cSearchIco img {
    display: block;
}
.clubSlideBox {
    width: 734px;
    height: 403px;
    border: 1px solid #ededed;
}
.clubSlideBox .slideImgBox {
    width: 734px;
    height: 315px;
    position: relative;
    top: 0;
    left: 0;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}
.clubSlideBox .slideImgBox .slideImg {
    position: absolute;
    top: 0;
    left: 0;
}
.clubSlideBox .slideImgBox .slideImg + .slideImg {
    left: 100%;
}
.clubSlideBox .slideImgBox .slideImg img {
    width: 734px;
    height: 240px;
}
.clubSlideBox .slideImgBox .ctrBtn {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.clubSlideBox .slideImgBox .ctrBtn .btn {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 2px;
    background: url(/images/club/c_bullet_off.png) no-repeat;
    cursor: pointer;
}
.clubSlideBox .slideImgBox .ctrBtn .btn.on {
    width: 31px;
    background: url(/images/club/c_bullet_on.png) no-repeat;
}
.clubSlideBox .slideImgBox .ctrBtn .pause {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url(/images/club/pause_ico.png) no-repeat;
    cursor: pointer;
}
.clubSlideBox .slideImgBox .ctrBtn .pause.active {
    background: url(/images/club/play_ico.png) no-repeat;
}
.clubSlideBox .slideImgBox .leftA {
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -54px;
    cursor: pointer;
}
.clubSlideBox .slideImgBox .rightA {
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -54px;
    cursor: pointer;
}
.clubSlideBox .slideTextBox {
    width: 714px;
    height: 67px;
    padding: 10px;
}
.clubSlideBox .slideTextBox .slideText + .slideText {
    display: none;
}
.clubSlideBox .slideTextBox .slideText .t1 {
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 300;
}
.clubSlideBox .slideTextBox .slideText .t2 {
    font-size: 18px;
    color: #494949;
}
.clubSlideBox .slideTextBox .slideText .t3 {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    color: #fa8975;
    padding: 0 10px 0 40px;
    background: url(/images/club/c_text_ico01.png) no-repeat 10px center;
}
.clubSlideBox .slideTextBox .slideText .t4 {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    color: #fa8975;
    padding: 0 10px 0 40px;
    background: url(/images/club/c_text_ico02.png) no-repeat 10px center;
}
.clubSlideBox .slideTextBox .slideText .line {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    color: #c6c6c6;
}
.clubLoginBox {
    float: left;
    width: 290px;
    margin-left: 24px;
}
.clubLoginBox .cJoin {
    display: block;
    height: 42px;
    line-height: 42px;
    margin-bottom: 72px;
    padding-left: 80px;
    font-size: 16px;
    color: #2e312a;
    background: url(/images/club/club_join_bg.png) no-repeat 0 0;
}
.clubLoginBox .loginBox {
    width: 288px;
    height: 403px;
    border: 1px solid #ededed;
}
.clubLoginBox .loginBox p {
    margin-bottom: 15px;
    padding-top: 25px;
    font-size: 19px;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
}
.clubLoginBox .loginBox p span {
    color: #00819b;
}
.clubLoginBox dl {
    width: 188px;
    height: 39px;
    padding-left: 44px;
    margin: 0 36px 0 20px;
    position: relative;
    top: 0;
    left: 0;
}
.clubLoginBox .id {
    background: url(/images/club/id_ico.png) no-repeat 13px center;
}
.clubLoginBox .pw {
    background: url(/images/club/pw_ico.png) no-repeat 13px center;
}
.clubLoginBox dl dt {
    width: 188px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 44px;
    font-size: 14px;
    color: #4f4f4f;
}
.clubLoginBox dl dt span {
    display: inline-block;
    margin: 12px 0 0 12px;
    letter-spacing: -1px;
}
.clubLoginBox dl dd {
    width: 188px;
    height: 38px;
    border-bottom: 1px solid #ccc;
    position: relative;
    top: 0;
    left: 0;
}
.clubLoginBox dl input {
    margin: 12px 0 0 12px;
    width: 176px;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    border: none;
    background: 0 0;
}
.clubLoginBox .cLogin {
    display: block;
    width: 248px;
    height: 50px;
    line-height: 50px;
    background-color: #00b3cc;
    color: #fff;
    border: none;
    margin: 12px auto 25px;
    font-size: 16px;
    letter-spacing: -0.5px;
    cursor: pointer;
}
.clubLoginBox ul {
    width: 248px;
    margin: 0 auto;
}
.clubLoginBox ul li {
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #4d4d4d;
    letter-spacing: -1px;
    padding-left: 20px;
    margin-bottom: 5px;
    background: url(/images/club/c_login_list_bullet.png) no-repeat 7px center;
    position: relative;
    top: 0;
    left: 0;
}
.clubLoginBox ul li a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 87px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #4a4949;
    background-color: #d4d4d4;
}
.clubLoginBox .cLbanner {
    margin-top: 20px;
    text-align: center;
}
.clubLoginBox .cLbanner a {
    margin: 0 4px;
}
.clubLoginBox .loginBox {
    width: 288px;
    height: 403px;
    border: 1px solid #ededed;
    position: relative;
}
.clubLoginBox .loginBox p {
    margin-bottom: 15px;
    padding-top: 25px;
    font-size: 19px;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
}
.clubLoginBox .loginBox p span {
    color: #00819b;
}
.clubLoginBox .loginBox p.t1 {
    margin: 24px 0 12px 0;
    padding: 0;
}
.clubLoginBox .loginBox p.t2 {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 27px;
}
.clubLoginBox .loginBox p.t2 img.img_m {
    margin: 0 11px 0 0;
}
.clubLoginBox .loginBox p.t3 {
    margin: 29px 0 43px 0;
    padding: 0;
}
.clubLoginBox .cJoinClub {
    padding-left: 27px;
    position: relative;
}
.clubLoginBox .cJoinClub p {
    padding: 0;
    font-size: 16px;
    text-align: left;
    margin: 0;
}
.clubLoginBox .cJoinClub p.t1 {
    margin-bottom: 5px;
}
.clubLoginBox .cJoinClub p.t2 {
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
    text-indent: 9px;
    position: relative;
}
.clubLoginBox .cJoinClub p span {
    color: #ea6953;
}
.clubLoginBox .cJoinClub p span.arrow {
    position: absolute;
    left: 267px;
    top: 2px;
}
.clubLoginBox .cJoinClub .ClubList {
    position: relative;
    width: 250px;
    border-bottom: 1px dotted #d1d1d1;
    padding: 6px 0;
}
.clubLoginBox .cJoinClub .ClubList p {
    margin: 0;
    padding-left: 11px;
    color: #999;
    font-size: 13px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.clubLoginBox .cJoinClub .ClubList p:first-child {
    background: url(/images/club/club_dot.jpg) no-repeat 0 center;
    color: #676767;
    font-size: 14px;
}
.clubLoginBox .cJoinClub .ClubList span.plus {
    position: absolute;
    left: 227px;
    top: 14px;
}
.clubTopClear {
    margin-bottom: 0;
}
.ezenClub {
    margin-bottom: 65px;
}
.ezenClub .ezenClubTopbox {
    height: 45px;
    border-bottom: 1px solid #ededed;
}
.ezenClub .ezenClubTopbox h3 {
    float: left;
    width: 100px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.ezenClub .ezenClubTopbox ul {
    float: left;
    margin-top: 10px;
}
.ezenClub .ezenClubTopbox ul li {
    float: left;
    padding: 0 7px;
}
.ezenClub .ezenClubTopbox ul li + li {
    border-left: 1px solid #b8b8b8;
}
.ezenClub .ezenClubTopbox ul li a {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 12.5px;
    color: #5f5f5f;
    letter-spacing: -0.5px;
}
.ezenClub .ezenClubTopbox ul li.on a {
    font-weight: 700;
}
.ezenClub .ezenClubTopbox .ctrBox {
    float: right;
}
.ezenClub .ezenClubTopbox .ctrBox .numBox {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: 600;
    color: #9d9d9e;
    vertical-align: top;
}
.ezenClub .ezenClubTopbox .ctrBox > a > img {
    width: 25px;
    margin-top: 6px;
}
.ezenClub .ezenClubTopbox .ctrBox .current {
    color: #222;
}
.ezenClub .ezenClubListBox {
    border-bottom: 1px solid #ededed;
}
.ezenClub .ezenClubListBox li {
    float: left;
    width: 300px;
    margin: 25px;
}
.ezenClub .ezenClubListBox li.empty {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 49px 25px 25px 25px;
}
.ezenClub .ezenClubListBox .imgBox img {
    display: block;
}
.ezenClub .ezenClubListBox .textBox {
    padding: 10px;
}
.ezenClub .ezenClubListBox .t1 {
    display: block;
    font-size: 14px;
    color: #898989;
    letter-spacing: -0.7px;
    margin-bottom: 2px;
}
.ezenClub .ezenClubListBox .t2 {
    display: block;
    font-size: 15px;
    color: #494949;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
}
.ezenClub .ezenClubListBox .t3 {
    height: 32px;
    font-size: 13px;
    color: #888;
    line-height: 1.3;
    letter-spacing: -0.7px;
    margin-bottom: 10px;
    padding-right: 20px;
    overflow: hidden;
}
.ezenClub .ezenClubListBox .t4 {
    font-size: 13px;
    color: #4e4e4e;
    letter-spacing: -0.7px;
}
.newClub {
    margin-bottom: 65px;
}
.newClub .newClubTopbox {
    height: 45px;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.newClub .newClubTopbox h3 {
    float: left;
    width: 100px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.newClub .newClubTopbox ul {
    float: left;
    margin-top: 8px;
}
.newClub .newClubTopbox ul li {
    float: left;
    padding: 0 7px;
}
.newClub .newClubTopbox ul li + li {
    border-left: 1px solid #b8b8b8;
}
.newClub .newClubTopbox ul li a {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 12.5px;
    color: #5f5f5f;
    letter-spacing: -0.5px;
}
.newClub .newClubTopbox ul li.on a {
    font-weight: 700;
}
.newClub .newClubTopbox .ctrBox {
    claer: both;
    position: absolute;
    right: 0;
    top: 0;
}
.newClub .newClubTopbox .ctrBox > a > img {
    width: 25px;
    margin-top: 6px;
}
.newClub .newClubTopbox .ctrBox .numBox {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: 600;
    color: #9d9d9e;
    vertical-align: top;
}
.newClub .newClubTopbox .ctrBox .current {
    color: #222;
}
.newClub .newClubListBox {
    border-bottom: 1px solid #ededed;
}
.newClub .newClubListBox li {
    float: left;
    width: 300px;
    margin: 25px;
}
.newClub .newClubListBox .imgBox img {
    display: block;
}
.newClub .newClubListBox .textBox {
    padding: 10px;
    background-color: #abb9bf;
}
.newClub .newClubListBox .t1 {
    display: block;
    font-size: 14px;
    color: #616161;
    letter-spacing: -0.7px;
    margin-bottom: 2px;
    width: 280px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.newClub .newClubListBox .t2 {
    display: block;
    font-size: 15px;
    color: #494949;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
    width: 280px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.newClub .newClubListBox .t3 {
    height: 32px;
    font-size: 13px;
    color: #fff;
    line-height: 1.3;
    letter-spacing: -0.7px;
    margin-bottom: 10px;
    padding-right: 20px;
    overflow: hidden;
}
.newClub .newClubListBox .t4 {
    font-size: 13px;
    color: #4e4e4e;
    letter-spacing: -0.7px;
    width: 280px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.clubNotice .clubNoticeTopbox {
    height: 45px;
    border-bottom: 1px solid #ededed;
}
.clubNotice .clubNoticeTopbox h3 {
    float: left;
    width: 200px;
    font-size: 22px;
    color: #222;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.clubNotice .clubNoticeTopbox .ctrBox {
    float: right;
}
.clubNotice .clubNoticeTopbox .ctrBox .numBox {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 24px;
    font-weight: 600;
    color: #9d9d9e;
    vertical-align: top;
}
.clubNotice .clubNoticeTopbox .ctrBox .current {
    color: #222;
}
.clubNotice .clubNoticeContentBox {
    margin-top: 25px;
}
.clubNotice .clubNoticeContentBox .imgBox {
    float: left;
    width: 300px;
    position: relative;
    top: 0;
    left: 0;
}
.clubNotice .clubNoticeContentBox .textBox {
    width: 280px;
    height: 90px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/club/club_notice_box_bg.png) repeat;
    text-transform: uppercase;
}
.clubNotice .clubNoticeContentBox .textBox .t1 {
    display: block;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
    width: 280px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.clubNotice .clubNoticeContentBox .textBox .t2 {
    font-size: 13px;
    color: #fff;
    line-height: 1.3;
    letter-spacing: -0.7px;
    margin-bottom: 10px;
}
.clubNotice .clubNoticeContentBox .textBox .t3 {
    font-size: 13px;
    color: #8e8d8d;
    letter-spacing: -0.7px;
}
.clubNotice .clubNoticeContentBox .clubNoticeListBox {
    margin-left: 65px;
    width: 685px;
    float: left;
}
.clubNotice .clubNoticeContentBox .camBox {
    margin-bottom: 50px;
}
.clubNotice .clubNoticeContentBox .camBox ul li {
    float: left;
    padding: 0 8px;
}
.clubNotice .clubNoticeContentBox .camBox ul li + li {
    border-left: 1px solid #b8b8b8;
}
.clubNotice .clubNoticeContentBox .camBox ul li a {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #5f5f5f;
    letter-spacing: -0.5px;
}
.clubNotice .clubNoticeContentBox .camBox ul li.on a {
    font-weight: 700;
}
.clubNotice .clubNoticeContentBox .cNTable {
    width: 685px;
    text-align: center;
    border-spacing: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 13px;
}
.clubNotice .clubNoticeContentBox .cNTable tr td {
    padding: 5px 0;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tNo {
    font-size: 14px;
    color: #222;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tal {
    text-align: left;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tal a {
    display: block;
    width: 450px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tal a:hover {
    font-weight: 700;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tal span {
    color: #fa4919;
}
.clubNotice .clubNoticeContentBox .cNTable tr td.tdate {
    color: #999;
}
#club_make {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#club_make .clubTitle {
    padding-bottom: 25px;
}
#club_make .clubTitle h2.clubH2 {
    text-indent: -999999px;
    width: 364px;
    height: 81px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    background: url(/images/club/club_title.png) no-repeat center center;
}
#club_make .clubTitle span.h2span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
#club_make p {
    text-align: center;
    color: #000;
    font-size: 25px;
    margin-bottom: 32px;
}
#club_make .counWBox {
    width: 1050px;
    margin-bottom: 40px;
    border-top: 1px solid #c3c3c3;
    font-size: 16px;
    color: #333;
}
#club_make .counWBox dl.cntt dt {
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-indent: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.cntt dd {
    float: left;
    width: 800px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.cntt dd input[type="radio"] {
    display: none;
}
#club_make .counWBox dl.cntt dd input[type="radio"] + label {
    margin-right: 40px;
    padding-left: 20px;
    background: url(/images/common/radio_off.gif) no-repeat 0 5px;
}
#club_make .counWBox dl.cntt dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 5px;
}
#radio6 + label {
    margin-right: 95px;
}
#club_make .counWBox dl.cntt dd input[type="text"] {
    display: inline-block;
    width: 778px;
    border: none;
    height: 28px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    text-indent: 10px;
}
#club_make .counWBox dl.cntt dd .campusSelectBox {
    position: relative;
    width: 454px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#club_make .counWBox dl.cntt dd .campusSelectBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#club_make .counWBox dl.cntt dd .campusSelectBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#club_make .counWBox dl.cntt dd input.club {
    width: 444px;
}
#club_make .counWBox dl.cntt dd .phoneBox {
    position: relative;
    width: 168px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#club_make .counWBox dl.cntt dd .phoneBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#club_make .counWBox dl.cntt dd .phoneBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#club_make .counWBox dl.cntt dd .emailBox {
    position: relative;
    width: 258px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0 10px 15px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#club_make .counWBox dl.cntt dd .emailBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#club_make .counWBox dl.cntt dd .emailBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#club_make .counWBox dl.cntt dd .hourBox {
    position: relative;
    width: 68px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#club_make .counWBox dl.cntt dd .hourBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#club_make .counWBox dl.cntt dd .hourBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#club_make .counWBox dl.cntt dd .minuteBox {
    position: relative;
    width: 68px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0 10px 20px;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
}
#club_make .counWBox dl.cntt dd .minuteBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
#club_make .counWBox dl.cntt dd .minuteBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#club_make .counWBox dl.cntt dd .minuteBox + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 25px 0 35px;
}
#club_make .counWBox dl.cntt dd input[type="password"] {
    display: block;
    width: 148px;
    border: 1px solid #dbdbdb;
    height: 38px;
    margin: 10px 0 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    background-color: #f3f3f3;
    text-indent: 10px;
}
#club_make .counWBox dl.cntt dd span {
    font-size: 14px;
    color: #999;
}
#club_make .counWBox dl.cntt dd input.w170 {
    width: 168px;
    float: left;
    text-align: center;
    text-indent: 0;
}
#club_make .counWBox dl.cntt dd input.w170 + span,
.counWBox dl.cntt dd .phoneBox + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
#club_make .counWBox dl.cntt dd input.w250 {
    width: 233px;
    float: left;
}
#club_make .counWBox dl.cntt dd input.w250 + span {
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
#club_make .counWBox dl.cntt dd input.w250n {
    width: 233px;
    float: left;
}
#club_make .counWBox dl.cntt dd .calendar {
    padding-left: 27px;
    background: url(/images/common/calendar_ico.gif) no-repeat 0 center;
    float: left;
}
#club_make .counWBox dl.cntt dd .calendar input {
    width: 150px;
    border: none;
    background-color: transparent;
}
#club_make .counWBox dl.cnpw dt {
    height: 100px;
}
#club_make .counWBox dl.cnpw dd {
    height: 100px;
}
#club_make .counWBox dl.bdbn dt {
    border-bottom: none;
}
#club_make .counWBox dl.bdbn dd {
    border-bottom: none;
    height: auto;
}
#club_make .counWBox dl.warea {
    height: 177px;
}
#club_make .counWBox dl.warea dt {
    float: left;
    width: 180px;
    height: 144px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.warea dd {
    float: left;
    width: 800px;
    padding-left: 20px;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.warea dd textarea {
    display: block;
    width: 758px;
    margin: 10px 0;
    padding: 15px 10px;
    height: 124px;
    max-height: 124px;
    resize: none;
    border: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    font-family: "Noto Sans KR", sans-serif;
}
#club_make .counWBox dl.warea1 {
    height: 226px;
    position: relative;
}
#club_make .counWBox dl.warea1 dt {
    float: left;
    width: 180px;
    height: 253px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.warea1 dd {
    float: left;
    width: 800px;
    border-bottom: 1px solid #d4d4d4;
    height: 253px;
    padding: 16px 0 16px 20px;
}
#club_make .counWBox dl.warea1 dd ul {
    float: left;
    margin: 15px 29px 15px 0;
}
#club_make .counWBox dl.warea1 dd ul.last {
    margin-right: 0;
}
#club_make .counWBox dl.warea1 dd li {
    float: left;
    height: 106px;
}
#club_make .counWBox dl.warea1 .thumb_wrap .thumb_pager {
    padding-top: 165px;
    background: url(/images/club/thumb_pager_bg.png) no-repeat center 177px;
}
.thumb_wrap ul li:first-child,
.topImage_wrap ul li:first-child {
    position: absolute;
}
#club_make p.filebox {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    border-bottom: 1px solid #d4d4d4;
    width: 820px;
    position: absolute;
    top: 214px;
    left: 230px;
    padding-bottom: 12px;
    padding-left: 17px;
}
#club_make p.filebox span.t1 {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    padding-right: 15px;
    line-height: 32px;
    display: inline-block;
}
#club_make p.filebox span.t2 {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    font-size: 14px;
    margin-left: 80px;
}
#club_make .counWBox dl.warea1 .thumb_click,
.thumb_click1 {
    width: 26px;
    height: 26px;
    margin-right: 11px;
}
#club_make .counWBox dl.warea1 .thumb_check,
.thumb_check1 {
    position: absolute;
    height: 0;
}
#club_make .counWBox dl.warea2 {
    height: 1295px;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.warea2 dt {
    float: left;
    width: 180px;
    height: 390px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
}
#club_make .counWBox dl.warea2 dd {
    float: left;
    width: 800px;
    padding-left: 20px;
    height: 1250px;
}
#club_make .counWBox dl.warea2 dd ul {
    float: left;
    margin: 15px 0 15px 0;
    overflow: hidden;
}
#club_make .counWBox dl.warea2 dd li {
    float: left;
}
#club_make .counWBox dl.warea2 .thumb_pager {
    text-align: center;
    background: url(/images/club/thumb_pager_bg.png) no-repeat center bottom;
    display: block;
    margin-left: 88px;
    width: 557px;
    padding-top: 150px;
}
#club_make .counWBox dl.warea3 {
    height: 79px;
    position: relative;
}
#club_make .counWBox dl.warea3 dt {
    float: left;
    width: 180px;
    height: 47px;
    margin-right: 50px;
    text-indent: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #d4d4d4;
}
#club_make .counWBox dl.warea3 dd {
    float: left;
    width: 800px;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #d4d4d4;
    height: 59px;
    line-height: 29px;
}
#club_make .counWBox dl.warea3 dd ul {
    float: left;
    margin: 15px 0 15px 0;
}
#club_make .counWBox dl.warea3 dd li {
    float: left;
}
#club_make .counWBox dl.warea3 dd input[type="radio"] {
    display: none;
}
#club_make .counWBox dl.warea3 dd input[type="radio"] + label {
    width: 222px;
    padding-left: 20px;
    background: url(/images/common/radio_off.gif) no-repeat 0 7px;
    display: inline-block;
}
#club_make .counWBox dl.warea3 dd input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 7px;
}
#club_make .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#club_make .filebox label {
    display: inline-block;
    padding: 0 32px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}
#club_make .filebox .upload-name {
    display: inline-block;
    height: 30px;
    width: 580px;
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f3f3f3;
    border: 1px solid #dbdbdb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#club_make p.filebox1 {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    width: 820px;
    position: absolute;
    top: 1215px;
    left: 230px;
    padding-bottom: 12px;
    padding-left: 17px;
}
#club_make p.filebox1 span.t1 {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    padding-right: 15px;
    line-height: 32px;
    display: inline-block;
}
#club_make p.filebox1 span.t2 {
    font-size: 16px;
    color: #333;
    clear: both;
    text-align: left;
    font-size: 14px;
    margin-left: 80px;
}
#club_make .filebox1 input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#club_make .filebox1 label {
    display: inline-block;
    padding: 0 32px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}
#club_make .filebox1 .upload-name1 {
    display: inline-block;
    height: 30px;
    width: 444px;
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f3f3f3;
    border: 1px solid #dbdbdb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#club_make .counWBtn {
    text-align: center;
}
#club_make .counWBtn a {
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}
#club_make p .cnOk {
    background: #02aac5;
    color: #fff;
    border: 0;
    width: 200px;
    height: 48px;
    font-size: 18px;
    margin-top: 50px;
    font-family: "Noto Sans KR", sans-serif;
    text-align: center;
    cursor: pointer;
}
#club_make p .cnNo {
    background: #404041;
    color: #fff;
    border: 0;
    width: 200px;
    height: 48px;
    font-size: 18px;
    margin-top: 50px;
    margin-right: 13px;
    font-family: "Noto Sans KR", sans-serif;
    text-align: center;
    cursor: pointer;
}
#club_make .signbtn1 {
    margin-left: 10px;
    background: #848484;
    width: 87px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}
#club_make .signbtn1:hover {
    background-color: #616161;
    color: #fff;
}
#club_make .thumb_check {
    height: 0;
}
.topImage_wrap ul li:last-child img {
    width: 800px;
}
.thumb_pager {
    text-align: center;
    background: url(/images/club/thumb_pager_bg.png) no-repeat center 162px;
    display: block;
    margin: 0 auto;
    width: 557px;
    padding-top: 150px;
}
.arr {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #cdcdcd;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}
.arr:hover {
    background-color: #19a5c5;
}
.Prev_arr {
    background-image: url(/images/club/small_prev_img.png);
    margin-right: 10px;
}
.Next_arr {
    background-image: url(/images/club/small_next_img.png);
    margin-left: 10px;
}
#counSelWrap {
    width: 100%;
    background: #dedede;
}
#counSelBox {
    width: 1050px;
    padding: 66px 0 111px;
    margin: 0 auto;
    position: relative;
}
#counSelBox > .counSelIcon {
    text-align: center;
}
#counSelBox > p {
    text-align: center;
    font-size: 14px;
    color: #8b8b8b;
}
#counSelBox > table {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-collapse: collapse;
    margin-top: 72px;
}
#counSelBox > table th {
    padding: 18px 0 18px 31px;
    text-align: left;
    background: #f7f7f7;
    font-size: 17px;
    color: #191919;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
#counSelBox > table td {
    background: #fff;
    border-bottom: 1px solid #bcbcbc;
    padding-left: 31px;
    margin: 10px 0;
}
#counSelBox > table td .select-wrap {
    width: 250px;
}
#counSelBox > table td > input[type="text"] {
    display: block;
    width: 778px;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
#counSelBox > table td > input.name {
    width: 250px;
}
#counSelBox > table td .w170 {
    width: 168px;
    float: left;
    text-align: center;
    text-indent: 0;
}
#club_make .counWBox dl.cntt dd input.w170 + span,
#counSelBox > table td span,
.counWBox dl.cntt dd .phoneBox + span {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
.privacy_title {
    font-size: 17px;
    color: #191919;
    font-weight: 700;
    padding: 17px 0 17px 0;
    width: 100%;
    margin-top: 10px;
}
#counSelBox .pvcPlc {
    background: #fff;
}
#counSelBox .counWBtn a,
.counWBtn input[type="submit"] {
    display: inline-block;
    width: 190px;
    heigwlrmaht: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-top: 65px;
}
#MainLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    text-align: center;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
#MainLayer.close {
    opacity: 0;
}
#MainLayer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
}
#MainLayer .pop-layer {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 0;
    margin-top: -176.5px;
    z-index: 9999;
    height: 353px;
}
#MainLayer .pop-container {
    display: inline-block;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    margin-left: 160px;
}
#MainLayer .pop-container.extend {
    margin-left: 0;
}
#MainLayer .pop-container ul {
    font-size: 0;
    white-space: nowrap;
}
#MainLayer .pop-container li {
    display: inline-block;
}
#MainLayer .pop-container .pop-conts {
    position: relative;
}
#MainLayer .pop-conts li > a {
    display: block;
    position: relative;
}
#MainLayer .pop-conts li > a .pop-month {
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 30px;
    font-weight: 700;
    left: 0;
    top: 18px;
    font-family: "Noto Sans KR", "Noto Sans KR", sans-serif;
    text-align: center;
}
#MainLayer .pop-conts li > a .pop-campus-name {
    position: absolute;
    font-size: 21px;
    font-family: "Noto Sans KR", "Noto Sans KR", sans-serif;
    top: 150px;
    left: 162px;
}
.closeBtn {
    position: absolute;
    right: 0;
    width: 100%;
    top: -36px;
    height: 35px;
    color: #a8a7a5;
    background: #000;
}
.closeBtn .cbtn {
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: -1138px -377px;
    width: 16px;
    height: 16px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.closeBtn span {
    float: right;
    margin: 10px 12px 0 0;
    font-family: dotum;
    font-size: 12px;
}
.closeBtn span input {
    margin: 0 10px 0 5px;
    position: relative;
    top: 3px;
}
a.cbtn > img {
    vertical-align: middle;
}
.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}
.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    text-align: right;
}
.main_ep_list li {
    position: relative;
    padding: 23px 0 0 23px;
    margin-right: 14px;
    width: 257px;
    height: 305px;
    float: left;
}
.main_ep_list li::after {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/home/sprite.png);
    background-position: 0 -405px;
    width: 285px;
    height: 340px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.main_ep_list li:last-child {
    width: 452px;
    height: 340px;
    margin-right: 0;
    padding: 0;
}
.main_ep_list li a > .lecture_name {
    color: #e76952;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    word-wrap: break-word;
    width: 240px;
    min-height: 81px;
}
.main_ep_list li a > .lecture_name > span {
    color: #333;
    font-size: 14px;
    display: block;
    margin-top: 13px;
}
.main_ep_list li a > .review_content {
    color: #777;
    font-size: 14px;
    line-height: 1.57;
    width: 240px;
    height: 150px;
    margin-top: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 7;
}
.visulSNum .active {
    width: 27px;
    height: 10px;
    background: #3da5bb;
    border-radius: 10px;
}
.dniMList > ul > li {
    float: left;
    width: 330px;
    margin: 0 8px 40px 10px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.img_sc_box {
    font-size: 0;
    width: 330px;
    height: 169px;
    overflow: hidden;
}
.dniMList > ul > li a > .img_sc_box img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.dniMList > ul > li a:hover > .img_sc_box img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}
.dniMList > ul > li:hover {
    background: #494949;
}
.dniMList > ul > li img {
    width: 100%;
}
.dniMList > ul > li > a > h4 {
    width: 250px;
    padding: 0;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    background: 0 0;
    display: block;
    position: static;
    margin: 0 auto;
    text-align: center;
    height: 60px;
    padding-top: 20px;
}
.dniMList > ul > li:hover > a > h4 {
    color: #fff;
}
.dniMList > ul > li:hover > a > p {
    color: #fff;
}
.dniMList > ul > li > a > p {
    min-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    width: 290px;
    margin: 0 auto;
    letter-spacing: -1px;
    font-weight: 300;
    padding-bottom: 23px;
}
.pdt0 {
    padding-top: 0 !important;
}
#franChise {
    width: 1050px;
    padding: 105px 0 58px;
    margin: 0 auto;
}
#franChise > h2 {
    background: url(/images/intro/franchise_title.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 444px;
    height: 79px;
    margin: 0 auto 21px;
}
#franChise > p {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
#franChiseVisual {
    width: 100%;
    height: 267px;
    background: url(/images/intro/franchise_visual.png) no-repeat center 0;
    text-indent: -9999px;
}
#franChiseTextContents {
    margin: 84px auto 121px;
    width: 745px;
    padding-top: 86px;
    background: url(/images/intro/franchisetextcontents_bg.png) no-repeat top center;
}
#franChiseTextContents > ul {
    margin-bottom: 40px;
}
#franChiseTextContents > ul > li {
    float: left;
    font-size: 18px;
    color: #9d9d9d;
    text-align: center;
    letter-spacing: -2px;
    margin-right: 73px;
}
#franChiseTextContents > ul > li:last-child {
    margin-right: 0;
}
#franChiseTextContents > ul > li > img {
    display: block;
    margin: 0 auto 18px;
}
.franChiseTab {
    width: 1050px;
    margin: 0 auto 74px;
}
.franChiseTab > ul > li {
    float: left;
    text-align: center;
    width: 525px;
    background: #ebebeb;
    border-bottom: 2px solid #000;
    padding: 21px 0;
}
.franChiseTab > ul > li:hover {
    cursor: pointer;
}
.franChiseTab > ul > li.active {
    background: #fff;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
}
.franChiseTab > ul > li > a {
    font-size: 24px;
    color: #767676;
}
.franChiseTab > ul > li.active > a {
    font-weight: 700;
    color: #343434;
}
.franChiseIntroContents {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 169px;
}
.franChiseIntroContents dl dt {
    font-family: "Rix Gothic";
    font-size: 30px;
    width: 149px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 38px;
    color: #343434;
    float: left;
}
.franChiseIntroContents dl dd {
    width: 901px;
    float: left;
}
.franChiseIntroContents dl dd > p {
    color: #666;
    font-size: 17px;
}
.franChiseIntroContents dl dd > p > span {
    color: #343434;
    line-height: 20px;
    font-weight: 700;
}
.franChiseIntroContents dl dd > img {
    margin-bottom: 37px;
}
.franChiseIntroContents dl dd > .pvcPlc {
    width: 840px;
}
.brandPowerBox {
    width: 790px;
    height: 516px;
    background: url(/images/intro/brand_power_bg.png) no-repeat center bottom;
    margin: 65px auto 195px;
    position: relative;
}
.brandPowerBox > .text_box {
    position: absolute;
    width: 193px;
    background: #979797;
    border-radius: 13px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
.brandPowerBox > .txt1 {
    top: 0;
    left: 298px;
    padding: 23px 0;
}
.brandPowerBox > .txt2 {
    top: 362px;
    left: 0;
    padding: 13px 0;
}
.brandPowerBox > .txt3 {
    top: 362px;
    right: 0;
    padding: 13px 0;
}
.step_box {
    width: 898px;
    height: 175px;
    background: url(/images/intro/step_bg.jpg) no-repeat;
    margin: 60px 0 149px;
    position: relative;
}
.step_box > .stepText {
    position: absolute;
    font-size: 13px;
    font-family: dotum;
    color: #828282;
    line-height: 18px;
}
.step_box > .stepText1 {
    top: 109px;
    left: 30px;
}
.step_box > .stepText2 {
    top: 96px;
    left: 216px;
}
.step_box > .stepText3 {
    top: 86px;
    left: 409px;
}
.step_box > .stepText4 {
    top: 72px;
    left: 586px;
}
.step_box > .stepText5 {
    text-align: center;
    top: 49px;
    left: 777px;
}
.chartBox {
    width: 899px;
    height: 690px;
    background: url(/images/intro/chart_bg.png) no-repeat;
    margin-top: 59px;
    margin-bottom: 98px;
    position: relative;
}
.chartBox h3 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 12px;
    left: 307px;
    line-height: 28px;
}
.chartBox h3 > span {
    color: #cbcbcb;
    font-size: 15px;
    font-weight: 400;
}
.chartBox > .subTitle {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    position: absolute;
    top: 176px;
}
.chartBox > .subTitle1 {
    left: 97px;
}
.chartBox > .subTitle2 {
    left: 315px;
}
.chartBox > .subTitle3 {
    left: 487px;
}
.chartBox > .subTitle4 {
    left: 731px;
}
.chartBox > ul > li {
    position: absolute;
    width: 180px;
}
.chartBox > ul > li.line1 {
    top: 369px;
}
.chartBox > ul > li.line2 {
    top: 571px;
}
.chartBox > ul > li.list1 {
    left: 19px;
}
.chartBox > ul > li.list2 {
    left: 252px;
}
.chartBox > ul > li.list3 {
    left: 484px;
}
.chartBox > ul > li.list4 {
    left: 706px;
}
.chartBox > ul > li > span {
    position: absolute;
    font-size: 13px;
    font-family: dotum;
    color: #828282;
    line-height: 18px;
    letter-spacing: -1px;
}
.chartBox > ul > li p {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
    letter-spacing: -1px;
}
.franChise_apply_wrap li {
    float: left;
}
.franChise_apply_wrap li:first-child {
    margin-right: 22px;
}
#tab2 {
    display: none;
}
#tab3 {
    display: none;
}
.franChiseIntroContents table {
    border-top: 2px solid #464646;
    border-collapse: collapse;
    margin-top: 62px;
}
.franChiseIntroContents table th {
    background: #f2f2f2;
    text-align: left;
    font-size: 17px;
    padding: 17px 0 22px 32px;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
.franChiseIntroContents table td {
    font-size: 17px;
    border-bottom: 1px solid #bcbcbc;
    padding-left: 30px;
    line-height: 50px;
}
.franChiseIntroContents table td input[type="text"] {
    display: block;
    width: 590px;
    border: none;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
.franChiseIntroContents table td .phoneBox {
    position: relative;
    width: 168px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #fff;
}
.franChiseIntroContents table td .phoneBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
.franChiseIntroContents table td .phoneBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
.franChiseIntroContents table td span.hyphen {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
.franChiseIntroContents table td input.w184 {
    width: 184px;
    float: left;
    text-align: center;
    text-indent: 0;
}
.franChiseIntroContents table td.rl {
    line-height: 23px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.franChiseIntroContents table td.rl2 {
    line-height: 60px;
}
.franChiseIntroContents table td span {
    color: #707070;
}
.franChiseIntroContents table td span.position {
    margin-left: 66px;
    color: #707070;
}
.franChiseIntroContents table td span input[type="text"] {
    display: inline-block;
    margin: 0 5px;
}
.franChiseIntroContents table td input.w470 {
    width: 470px;
}
.franChiseIntroContents table td input.w115 {
    width: 115px;
}
.franChiseIntroContents table td input[type="radio"] {
    display: none;
}
.franChiseIntroContents table td input[type="radio"] + label {
    padding-left: 25px;
    background: url(/images/common/radio_off.gif) no-repeat 0 center;
}
.franChiseIntroContents table td input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 center;
}
.sign_wrap {
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    letter-spacing: -2px;
    margin-top: 77px;
}
.sign_wrap input[type="text"] {
    border: none;
    height: 38px;
    margin: 10px 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
.sign_wrap span {
    font-size: 17px;
    font-weight: 400;
    color: #191919;
}
.sign_wrap > .fran_btn_wrap {
    margin-top: 42px;
}
#companyLecture {
    width: 1050px;
    padding: 50px 0 58px;
    margin: 0 auto;
}
#companyLecture > h2 {
    background: url(/images/intro/comLecture_title.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 444px;
    height: 79px;
    margin: 0 auto 21px;
}
#companyLecture > p {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
#companyLectureVisual {
    width: 100%;
    height: 267px;
    background: url(/images/intro/comLecture_visual.png) no-repeat center 0;
    text-indent: -9999px;
}
.cl_content {
    width: 1054px;
    margin: 0 auto;
}
.companyLectureIntro {
    margin: 75px auto 59px;
    display: block;
}
.companyLectureIntro li {
    font-size: 17px;
    float: left;
    width: 169px;
    height: 175px;
    background: url(/images/intro/list_bg.png) no-repeat;
    margin-right: 8px;
    text-align: center;
    padding-top: 29px;
}
.companyLectureIntro li:last-child {
    margin-right: 0;
}
.companyLectureIntro li p {
    line-height: 24px;
    color: #707070;
    margin-top: 14px;
}
.cl_content h2 {
    margin-bottom: 31px;
}
.companyLectureTab {
    width: 1051px;
    margin: 90px auto 74px;
}
.companyLectureTab > ul > li {
    float: left;
    text-align: center;
    width: 349px;
    background: #ebebeb;
    border-bottom: 2px solid #000;
    padding: 21px 0;
    border-right: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
}
.companyLectureTab > ul > li:first-child {
    border-left: 1px solid #bcbcbc;
}
.companyLectureTab > ul > li:hover {
    cursor: pointer;
}
.companyLectureTab > ul > li.active {
    background: #fff;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
}
.companyLectureTab > ul > li > a {
    font-size: 24px;
    color: #767676;
}
.companyLectureTab > ul > li.active > a {
    font-weight: 700;
    color: #343434;
}
.companyLectureContents {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 169px;
}
.companyLectureContents h3 {
    font-family: "Rix Gothic";
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -4px;
    color: #343434;
}
.companyLectureContents h3 > img {
    margin-left: 9px;
}
.companyLectureContents > p {
    color: #666;
    font-size: 17px;
    padding-left: 37px;
    padding-top: 35px;
}
.companyLectureContents > p > span {
    color: #343434;
    line-height: 20px;
    font-weight: 700;
}
.companyLectureContents > a {
    margin-top: 83px;
    display: block;
}
.cLcompanyul {
    margin-left: 37px;
}
.cLcompanyul li {
    float: left;
    border: 1px solid #e1e1e1;
    width: 231px;
    text-align: center;
    padding-bottom: 19px;
    font-size: 15px;
    color: #707070;
    margin-right: 27px;
    margin-top: 28px;
}
.cLcompanyul li:last-child {
    margin-right: 0;
}
.cLcompanyul li img {
    padding-bottom: 19px;
}
#companyLectureList {
    width: 1048px;
    margin: 80px auto 0;
    border: 1px solid #e1e1e1;
    position: relative;
}
.tab_head {
    z-index: 99;
    background: #fff;
    width: 200px;
    padding: 9px 30px 23px 11px;
    position: absolute;
    right: 0;
    top: 20px;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    font-size: 14px;
    text-align: right;
}
.tab_head.tab_head2 {
    top: 44px;
}
.tab_head > h3 {
    letter-spacing: -3px;
    color: #2787d2;
    font-size: 24px;
    font-weight: 400;
}
.tab_head span {
    color: #858585;
    font-size: 13px;
    font-family: dotum;
    line-height: 18px;
    display: block;
    padding-top: 20px;
}
#companyLectureList ul {
    padding: 18px 20px 5px 20px;
}
#companyLectureList ul > li > ul {
    width: 730px;
}
#companyLectureList ul > li > ul > li {
    float: left;
    width: 235px;
    text-align: center;
    font-size: 16px;
    margin-right: 12px;
    height: 230px;
    position: relative;
}
#companyLectureList ul > li > ul > li > span {
    padding: 24px;
    width: 187px;
    height: 170px;
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    color: #fff;
    display: none;
}
#companyLectureList ul > li > ul > li > span > img {
    margin-top: 15px;
}
#companyLectureList ul > li > ul > li > span ul {
    margin: 0;
}
#companyLectureList ul > li > ul > li > span ul li {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    text-align: left;
    font-weight: 700;
    line-height: 21px;
}
#companyLectureList ul li ul li:nth-child(3) {
    margin-right: 0;
}
#companyLectureList ul li ul li:nth-child(6) {
    margin-right: 0;
}
#companyLectureList .companyLectureList-pager {
    position: absolute;
    top: 161px;
    bottom: 0;
    left: auto;
    right: 4px;
    width: 247px;
    opacity: 1;
}
#companyLectureList .companyLectureList-pager a {
    width: 247px;
    height: 80px;
    display: block;
    text-indent: -9999px;
    border-radius: 0 !important;
    opacity: 1;
}
#companyLectureList .companyLectureList-pager a:nth-child(1) {
    background: url(/images/intro/clSliderControl1.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(1).swiper-pagination-bullet-active {
    background: url(/images/intro/clSliderControl1_on.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(2) {
    background: url(/images/intro/clSliderControl2.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(2).swiper-pagination-bullet-active {
    background: url(/images/intro/clSliderControl2_on.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(3) {
    background: url(/images/intro/clSliderControl3.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(3).swiper-pagination-bullet-active {
    background: url(/images/intro/clSliderControl3_on.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(4) {
    background: url(/images/intro/clSliderControl4.jpg) no-repeat;
}
#companyLectureList .companyLectureList-pager a:nth-child(4).swiper-pagination-bullet-active {
    background: url(/images/intro/clSliderControl4_on.jpg) no-repeat;
}
#companyLectureList .bx-viewport {
    position: relative;
    left: -38px;
    top: -44px;
}
.cP_review {
    margin: 80px 0 25px 0;
    background: url(/images/intro/review_bg.png) no-repeat;
    padding: 94px 69px 90px 66px;
}
.bx-prev,
.cP_review .bx-next {
    position: absolute;
}
.cp_apply_wrap {
    width: 1040px;
    display: block;
    margin: 0 auto;
}
.cp_apply_wrap li {
    float: left;
    margin-right: 22px;
}
.cp_apply_wrap li:last-child {
    margin-right: 0;
}
.cP_review .bx-prev {
    left: -55px;
}
.cP_review .bx-next {
    right: -55px;
}
.cP_review .review-pager {
    bottom: 30px;
}
.cP_review .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
}
.companyLectureContents > .box1 {
    text-align: center;
    margin-top: 50px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 65px;
}
.edu_list {
    width: 936px;
    margin: 44px auto;
}
.edu_list li {
    border: 3px solid #f0f0f0;
    float: left;
    text-align: left;
}
.edu_list li:first-child {
    margin-right: 38px;
}
.edu_list li > img {
    display: block;
}
.edu_list li > p {
    padding: 23px 0 0 23px;
    font-size: 13px;
    font-family: dotum;
    color: #656565;
    line-height: 21px;
    letter-spacing: -2px;
    height: 133px;
}
.edu_list li > p strong {
    color: #000;
}
.university_slider {
    width: 747px;
}
.university_slider > li > ul {
    padding: 50px 27px 0 27px;
}
.university_slider li > ul > li {
    float: left;
    margin-right: 21px;
    text-align: center;
    font-size: 16px;
    height: 252px;
    position: relative;
}
.university_slider li > ul > li > span {
    padding: 24px;
    width: 187px;
    height: 170px;
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    color: #fff;
    display: none;
}
.university_slider li ul li > span > img {
    margin-top: 15px;
}
.university_slider li ul li > span ul {
    margin: 0;
}
.university_slider li ul li > span ul li {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    text-align: left;
    font-weight: 700;
    line-height: 21px;
}
.university_slider li ul li > img {
    display: block;
}
.university_slider li ul li:nth-child(3) {
    margin-right: 0;
}
.university_slider li ul li:nth-child(6) {
    margin-right: 0;
}
.university_slider li ul li:nth-child(9) {
    margin-right: 0;
}
.uni_sliderBox {
    border: 1px solid #e1e1e1;
    position: relative;
}
.uni_sliderBox .university-pager.swiper-pagination {
    position: absolute;
    width: 250px;
    top: 185px;
    left: auto;
    right: 3px;
}
.uni_sliderBox .university-pager.swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border-radius: 0;
}
.uni_sliderBox .university-pager.swiper-pagination > a {
    width: 250px;
    height: 285px;
    display: block;
    text-indent: -9999px;
}
.uni_sliderBox .university-pager.swiper-pagination > a:nth-child(1) {
    background: url(/images/intro/unislidercontrol1.jpg) no-repeat;
}
.uni_sliderBox .university-pager.swiper-pagination > a.swiper-pagination-bullet-active:nth-child(1) {
    background: url(/images/intro/unislidercontrol1_on.jpg) no-repeat;
}
.uni_sliderBox .university-pager.swiper-pagination > a:nth-child(2) {
    background: url(/images/intro/unislidercontrol2.jpg) no-repeat;
}
.uni_sliderBox .university-pager.swiper-pagination > a.swiper-pagination-bullet-active:nth-child(2) {
    background: url(/images/intro/unislidercontrol2_on.jpg) no-repeat;
}
#gallery_n1 {
    margin-top: 90px;
    width: 1051px;
    padding: 32px 0 59px 0;
    background: url(/images/intro/review_bg2.jpg) no-repeat;
    position: relative;
}
.companyLectureContents table {
    border-top: 2px solid #464646;
    border-collapse: collapse;
    margin-top: 62px;
}
.companyLectureContents table th {
    background: #f2f2f2;
    text-align: left;
    font-size: 17px;
    padding: 17px 0 22px 32px;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
.companyLectureContents table td {
    font-size: 17px;
    border-bottom: 1px solid #bcbcbc;
    padding-left: 30px;
}
.companyLectureContents table td input[type="text"] {
    display: block;
    width: 590px;
    border: none;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
.companyLectureContents table td input.w184 {
    width: 184px;
    float: left;
    text-align: center;
    text-indent: 0;
}
.companyLectureContents table td.rl {
    line-height: 23px;
}
.companyLectureContents table td.rl2 {
    line-height: 40px;
    position: relative;
}
.companyLectureContents table td span {
    color: #707070;
}
.companyLectureContents table td span.position {
    margin-left: 66px;
    color: #707070;
}
.companyLectureContents table td span input[type="text"] {
    display: inline-block;
    margin: 0 5px;
}
.companyLectureContents table td input.w470 {
    width: 470px;
}
.companyLectureContents table td input.w115 {
    width: 115px;
}
.companyLectureContents table td input[type="radio"] {
    display: none;
}
.companyLectureContents table td input[type="radio"] + label {
    padding-left: 25px;
    background: url(/images/common/radio_off.gif) no-repeat 0 center;
}
.companyLectureContents table td input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 center;
}
.companyLectureContents table td > textarea {
    width: 90%;
    height: 90px;
    border: 1px solid #ccc;
}
.zipcode_btn {
    position: absolute;
    top: 19px;
    right: 10px;
}
.w289 {
    width: 289px !important;
}
.teacher2 {
    background: url(/images/campus/teacher_b_bg2.png) no-repeat 85% bottom, url(/images/campus/teacher_cont4_bg.jpg) no-repeat center center, url(/images/campus/teacher_cont4_bg2.jpg) repeat !important;
}
#recRuit {
    width: 1050px;
    padding: 105px 0 58px;
    margin: 0 auto;
}
#recRuit > h2 {
    background: url(/images/intro/recruit_title.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 444px;
    height: 79px;
    margin: 0 auto 21px;
}
#recRuit > p {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
#reCruitVisual {
    width: 100%;
    height: 298px;
    background: url(/images/intro/recruit_visual.png) no-repeat center 0;
    text-indent: -9999px;
}
#reCruitTextContents {
    margin: 45px auto 121px;
    width: 1050px;
}
#reCruitTextContents > h3 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
}
#reCruitTextContents > p {
    font-size: 19px;
    font-family: Arial;
    color: #989898;
    text-align: center;
    margin: 20px 0 55px 0;
}
.reCruitTab {
    width: 1050px;
    margin: 0 auto 74px;
}
.reCruitTab > ul > li {
    float: left;
    text-align: center;
    width: 525px;
    background: #ebebeb;
    border-bottom: 2px solid #000;
    padding: 21px 0;
}
.reCruitTab > ul > li:hover {
    cursor: pointer;
}
.reCruitTab > ul > li.active {
    background: #fff;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
}
.reCruitTab > ul > li > a {
    font-size: 24px;
    color: #767676;
}
.reCruitTab > ul > li.active > a {
    font-weight: 700;
    color: #343434;
}
.reCruitIntroContents {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 169px;
}
.reCruitIntroContents h3 {
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -3px;
    color: #343434;
}
.reCruitIntroContents h3.second > img {
    margin-left: 25px;
}
.reCruitIntroContents h3 > img {
    margin-left: 21px;
    vertical-align: middle;
}
.paddingBox {
    padding-left: 35px;
}
.paddingBox > p {
    font-size: 17px;
    margin-bottom: 28px;
    margin-top: 35px;
}
.reCruitTableTeacher {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 73px;
    width: 1010px;
    border-collapse: collapse;
}
.reCruitTableTeacher th {
    padding: 14px 0;
    background: #ebebeb;
    font-family: dotum;
    font-size: 14px;
    border-right: 1px solid #cfcfcf;
    color: #000;
}
.reCruitTableTeacher td {
    padding: 14px 0;
    text-align: center;
    font-family: dotum;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-left: none;
    color: #707070;
}
.reCruitTableTeacher td.tal {
    line-height: 27px;
    text-align: left;
    padding-left: 28px;
}
.reCruitTableTeacher td.tal2 {
    line-height: 27px;
    text-align: left;
    padding-left: 16px;
}
.reCruitTableTeacher .bdrn {
    border-right: none;
}
.reCruitTableTeacher .fwb {
    font-weight: 700;
    color: #000;
}
table.recruit_teacher {
    border-top: 2px solid #464646;
    border-collapse: collapse;
    margin-top: 10px;
}
table.recruit_teacher th {
    background: #f2f2f2;
    text-align: left;
    font-size: 17px;
    padding: 17px 0 22px 32px;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
table.recruit_teacher td {
    font-size: 17px;
    border-bottom: 1px solid #bcbcbc;
    padding-left: 30px;
}
table.recruit_teacher td input[type="text"] {
    display: block;
    width: 590px;
    border: none;
    height: 38px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    color: #707070;
}
table.recruit_teacher td .select-wrap.campus-select {
    width: 589px;
}
table.recruit_teacher td span.hyphen {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}
table.recruit_teacher td input.w184 {
    width: 184px;
    float: left;
    text-align: center;
    text-indent: 0;
}
table.recruit_teacher td.rl {
    line-height: 23px;
}
table.recruit_teacher td.rl2 {
    line-height: 40px;
    position: relative;
}
table.recruit_teacher td span {
    color: #707070;
}
table.recruit_teacher td span.position {
    margin-left: 66px;
    color: #707070;
}
table.recruit_teacher td span input[type="text"] {
    display: inline-block;
    margin: 0 5px;
}
table.recruit_teacher td input.w470 {
    width: 470px;
}
table.recruit_teacher td input.w115 {
    width: 115px;
}
table.recruit_teacher td input[type="radio"] {
    display: none;
}
table.recruit_teacher td input[type="radio"] + label {
    padding-left: 25px;
    background: url(/images/common/radio_off.gif) no-repeat 0 center;
}
table.recruit_teacher td input[type="radio"] + label.on {
    background: url(/images/common/radio_on.gif) no-repeat 0 center;
}
table.recruit_teacher td > textarea {
    width: 90%;
    height: 90px;
    border: 1px solid #ccc;
}
table.recruit_teacher td .filebox1 input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
table.recruit_teacher td .filebox1 label {
    display: inline-block;
    padding: 0 32px;
    height: 34px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    vertical-align: middle;
    background-color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
}
table.recruit_teacher td .filebox1 .upload-name1 {
    display: inline-block;
    height: 38px;
    width: 444px;
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    text-indent: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
table.recruit_teacher td .filebox1 span {
    line-height: 20px;
    display: block;
    padding-bottom: 14px;
}
.caution_box {
    padding: 37px 0 37px 32px;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 2px solid #000;
}
.caution_box ul {
    margin-top: 15px;
}
.caution_box ul li {
    font-size: 15px;
    padding-left: 20px;
    color: #878787;
    font-weight: 400;
}
.caution_box ul li span {
    color: #000;
}
.Resume_info {
    color: #666;
    font-size: 17px;
    margin-top: 36px;
}
.Resume_info > span {
    color: #000;
}
table.recruit_teacher td .selectBox {
    position: relative;
    width: 589px;
    height: 28px;
    color: #333;
    font-size: 14px;
    background: url(/images/common/select_arrow.png) 98% center no-repeat;
    float: left;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    background-color: #fff;
}
table.recruit_teacher td .selectBox label {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    line-height: 28px;
}
table.recruit_teacher td .selectBox .nsbox {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
}
#cusTomerList .select-wrap.campus-select,
#cusTomerWrite .select-wrap.campus-select {
    width: 1050px;
    height: 46px;
    border: 1px solid #c3c3c3;
    color: #333;
    font-size: 14px;
    margin-bottom: 40px;
}
#cusTomerList .select-wrap.campus-select > select,
#cusTomerWrite .select-wrap.campus-select > select {
    height: 46px;
}
#cusTomerList .select-wrap.campus-select .fa,
#cusTomerWrite .select-wrap.campus-select .fa {
    line-height: 12px;
    width: 36px;
    height: 12px;
}
.qnalistBox table.ntcTable {
    width: 1050px;
    text-align: center;
    color: #666;
    font-size: 14px;
    border-spacing: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
#cusTomerList,
#cusTomerView,
#cusTomerWrite {
    width: 1050px;
    padding: 105px 0 80px;
    margin: 0 auto;
}
#cusTomerList .noticeTitle > h2,
#cusTomerView .noticeTitle > h2,
#cusTomerWrite .noticeTitle > h2 {
    background: url(/images/community/customer_title.png) no-repeat;
}
#cusTomerList .noticeTitle > h2,
#cusTomerView .noticeTitle > h2,
#cusTomerWrite .noticeTitle > h2 {
    width: 444px;
}
#cusTomerWrite .qnaWBox {
    width: 1050px;
    margin-bottom: 40px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
    color: #333;
}
#alliance {
    width: 1050px;
    padding: 105px 0 58px;
    margin: 0 auto;
}
#alliance > h2 {
    background: url(/images/intro/alliance_title.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 444px;
    height: 79px;
    margin: 0 auto 21px;
}
#alliance > p {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 300;
}
.alliance_wrap {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 169px;
}
.alliance_wrap h3 {
    font-family: "Rix Gothic";
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -3px;
    color: #343434;
}
.alliance_wrap h3 > img {
    margin-left: 21px;
    vertical-align: middle;
    width: 720px;
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
cpation {
    display: none;
}
#wrap.curriculum-index {
    width: 100%;
}
#wrap.curriculum-index .carousel-feature img {
    width: 840px;
    height: 543px;
}
.reViewSlider li {
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
    height: 230px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 0 0 15px;
    width: 286px;
    margin-right: 30px;
    float: left;
    max-height: 230px;
}
.reViewSlider li > a {
    display: block;
    position: relative;
}
.reViewSlider li > a::after {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: -704px -333px;
    width: 11px;
    height: 8px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: -14px;
}
.reViewSlider li .lecture_name {
    width: 145px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
    left: 144px;
}
.reViewSlider li .lecture_name > span {
    font-size: 13px;
    color: #000;
    display: block;
    font-weight: 700;
}
.reViewSlider li .lecture_name > span > span {
    color: #139aba;
}
.reViewSlider li .review_content {
    line-height: 24px;
    font-size: 15px;
    overflow: hidden;
    width: 250px;
    height: 67px;
    margin: 10px 0 0 0;
    color: #000;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
}
.reViewSlider li a.bx-prev {
    position: absolute;
    left: -60px;
    top: 94px;
}
.reViewSlider li a.bx-next {
    position: absolute;
    right: -60px;
    top: 94px;
}
#wrap.curriculum #facebook {
    background: #f4f4f4;
    padding: 77px 0 64px 0;
}
#wrap.curriculum .inner {
    width: 1050px;
    margin: 0 auto;
}
#wrap.curriculum .inner h2 {
    text-align: center;
}
#wrap.curriculum .inner p {
    color: #b8b8ba;
    text-align: center;
    font-size: 13px;
}
#wrap.curriculum #jobprocess {
    padding: 77px 0 116px 0;
}
#wrap.curriculum #jobprocess img {
    margin-top: 47px;
}
#wrap.curriculum #jobprocess h2 > img {
    margin-top: 0;
}
#wrap.curriculum #curriFolder {
    background: url(/images/curriculum/diagonal_bg.png) repeat;
    padding: 88px 0 141px 0;
}
#wrap.curriculum #curriFolder ul {
    width: 810px;
    margin: 70px auto 0;
}
#wrap.curriculum #curriFolder ul li {
    text-align: center;
    border-top: 3px solid #626262;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700;
    background: url(/images/curriculum/curriFolder_arr_down.png) no-repeat 760px 23px;
    cursor: pointer;
}
#wrap.curriculum #curriFolder ul li.on {
    background: url(/images/curriculum/curriFolder_arr_up.png) no-repeat 760px 23px;
}
#wrap.curriculum #curriFolder ul li:last-child {
    border-bottom: 3px solid #626262;
}
#wrap.curriculum #curriFolder ul li .hideBox {
    border-top: 1px solid #b7b7b7;
    padding: 43px 0 50px 0;
    margin-top: 16px;
    display: none;
}
#wrap.curriculum #curriFolder ul li.on > .hideBox {
    display: block;
}
#wrap.curriculum .facebook-ico {
    background: 0 0;
    position: relative;
}
#wrap.curriculum .facebook-ico::before {
    content: "";
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: -654px -333px;
    width: 30px;
    height: 30px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#wrap.curriculum .facebook-ico iframe {
    position: absolute;
    top: 16px;
    left: 60px;
    border: none;
    overflow: hidden;
}
#wrap.curriculum #sub1Content4 {
    border-top: 1px solid #ccc;
}
#wrap.curriculum #sub1Content4 .bx-wrapper {
    margin: 65px auto 0;
    position: relative;
}
#wrap.curriculum .bx-next {
    right: -42px;
    top: 90px;
    position: absolute;
}
#wrap.curriculum .bx-prev {
    left: -42px;
    top: 90px;
}
#wrap.curriculum #facebook h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: -485px -400px;
    width: 444px;
    height: 82px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
#wrap.curriculum #jobprocess h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: 0 -400px;
    width: 465px;
    height: 82px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
#wrap.curriculum #jobprocess .picto {
    margin-top: 30px;
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: 0 0;
    width: 1049px;
    height: 212px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
#wrap.curriculum #curriFolder h2 > span {
    background: 0 0;
    background-image: url(/images/sprites/curriculum/sprite.png);
    background-position: 0 -232px;
    width: 634px;
    height: 148px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 0 auto;
}
.dim-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}
.dim-layer .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.dim-layer .pop-layer2 {
    display: block;
    position: absolute;
    top: 57%;
    left: 50%;
    height: auto;
    background-color: #fff;
    z-index: 10;
    height: 799px;
}
.dim-layer .pop-layer2 #pop-container {
    padding: 28px;
    background: #fff;
}
.dim-layer .wt_close_btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.dim-layer #gallery_n1 {
    width: 527px;
    height: 651px;
    position: relative;
    margin: 0 auto;
    padding: 0 0 59px 0;
}
.anim-tab {
    position: relative;
    overflow: hidden;
}
.anim-tab a {
    position: relative;
    z-index: 3;
}
.anim-tab::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #777;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.anim-tab.active::after {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.anim-btn .btn {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500 !important;
    border-radius: 2px 2px 3px 3px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
.anim-btn .btn.g {
    -webkit-box-shadow: 0 4px #40848c;
    box-shadow: 0 4px #40848c;
    background-color: #41b0bd;
}
.anim-btn .btn.g:hover {
    -webkit-box-shadow: 0 2px #40848c;
    box-shadow: 0 2px #40848c;
}
.anim-btn .btn.gray {
    -webkit-box-shadow: 0 4px #777;
    box-shadow: 0 4px #777;
    background-color: #999;
}
.anim-btn .btn.gray:hover {
    -webkit-box-shadow: 0 2px #777;
    box-shadow: 0 2px #777;
}
.anim-btn .btn.black {
    -webkit-box-shadow: 0 4px #000;
    box-shadow: 0 4px #000;
    background-color: #444;
}
.anim-btn .btn.black:hover {
    -webkit-box-shadow: 0 2px #333;
    box-shadow: 0 2px #333;
}
.anim-btn .btn::after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.anim-btn .btn:hover {
    top: 1px;
}
.anim-under {
    position: relative;
}
.anim-under::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 50%;
    bottom: 0;
    background-color: #000;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.anim-under:hover::after {
    left: 0;
    width: 100%;
}
.btnDown {
    display: block;
    margin: 0 auto;
    width: 370px;
    background: #777;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 26px;
}
.common-list-btn {
    display: inline-block;
    width: 142px;
    height: 41px;
    color: #fff;
    font-size: 17px;
    text-indent: 25px;
    letter-spacing: 1px;
}
.common-list-btn > span {
    position: relative;
    display: block;
    text-align: center;
    padding: 8px;
}
.common-list-btn > span > i {
    font-size: 17px;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -8px;
}
.fixed-bottom-banner {
    position: fixed;
    width: 100%;
    height: 100px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 100;
    -webkit-transform: translate3d(82px, 0, 0);
    transform: translate3d(82px, 0, 0);
    -webkit-transition: all 0.4s 0.4s ease;
    -o-transition: all 0.4s 0.4s ease;
    transition: all 0.4s 0.4s ease;
    min-width: 1100px;
}
.fixed-bottom-banner .link {
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 101;
    font-size: 0;
    color: transparent;
}
.fixed-bottom-banner .banner-img {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 100;
    height: 140px;
    min-width: 1100px;
}
.fixed-bottom-banner .btn-close {
    position: absolute;
    top: 15px;
    right: 100px;
    color: #fff;
    text-decoration: none;
    z-index: 102;
    text-shadow: 1px 1px 1px #000;
}
.fixed-bottom-banner .btn-close > a span {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding-right: 18px;
    letter-spacing: -1px;
}
.fixed-bottom-banner .btn-close > a span i {
    font-size: 16px;
    vertical-align: text-bottom;
    margin-left: 5px;
}
.fixed-bottom-banner.close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}
#content-new1 {
    overflow: hidden;
    width: 100%;
    height: 465px;
}
#content-new1 .swiper-container {
    width: 100%;
    height: 100%;
}
#content-new1 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center center;
    display: block;
    z-index: 1;
}
#content-new1 .swiper-slide.swiper-slide-active {
    z-index: 3;
    position: relative;
}
#content-new1 .slider-inner {
    width: 1900px;
    margin: 0 auto;
    background-position: center center;
}
@media screen and (max-width: 1900px) {
    #content-new1 .slider-inner {
        width: 100%;
        min-width: 1100px;
    }
}
#content-new1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 10px;
    background: #fff;
    opacity: 1;
}
#content-new1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3da5bb !important;
    width: 27px;
}
#content3 .teacherSSMNum .tMNum:focus {
    outline: 0;
}
#content3 .swiper-container {
    overflow: inherit;
}
#content3 .swiper-container .swiper-slide {
    position: relative;
    z-index: 1;
}
#content3 .swiper-container .swiper-slide.swiper-slide-active {
    position: relative;
    z-index: 3;
}
#content3 .swiper-container-horizontal > .swiper-pagination-bullets {
    width: 66px;
    left: auto;
    bottom: auto;
}
#content3 .teacherSSMNum {
    float: right;
    width: 66px;
    margin-top: 160px;
    padding-top: 130px;
    background: url(/images/main/ezen_teacher.png) no-repeat right 0;
    text-align: right;
    opacity: 1;
}
#content3 .swiper-pagination-bullet {
    width: 18px;
    height: 19px;
    background: url(/images/main/teacher_m_btn2.png) no-repeat 0 9px;
    margin-left: 48px;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 1;
}
#content3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 66px;
    background-position: 0 -2px;
    margin-left: 0;
}
#content3 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: transparent;
}
#content3 .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    display: inline-block;
}
#sub1ContentBox4 {
    position: relative;
    max-height: 533px;
    overflow: hidden;
}
#sub1ContentBox4 .reViewSlider-wrap {
    margin: 65px auto 0;
    max-width: 920px;
}
#sub1ContentBox4 .reViewSlider-btn {
    position: absolute;
    top: 50%;
    margin-top: 50px;
    z-index: 5;
    cursor: pointer;
    border: none;
}
#sub1ContentBox4 .reViewSlider-btn.reViewSlider-btn-next {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -377px -172px;
    width: 22px;
    height: 38px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    right: 40px;
}
#sub1ContentBox4 .reViewSlider-btn.reViewSlider-btn-prev {
    background: 0 0;
    background-image: url(/images/sprites/common/sprite.png);
    background-position: -335px -172px;
    width: 22px;
    height: 38px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    left: 40px;
}
#sub1ContentBox4 .reViewSlider-btn:focus {
    outline: 0;
}
.vod-box-player {
    position: relative;
    cursor: pointer;
}
.vod-box-player .play-btn {
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -24px;
}
.vod-box-player .play-btn > img {
    width: 68px;
    height: 48px;
}
.vod-box-player .play-btn.big {
    position: absolute;
    left: 50%;
    margin-left: -73px;
    top: 50%;
    margin-top: -73px;
}
.vod-box-player .play-btn.big > img {
    width: 146px;
    height: 146px;
}
#quickMenu + [data-start-point] {
    top: 850px;
}
#quickMenu .quick.cm-quick-wrap {
    top: 800px;
    display: block;
}
#quickMenu .quick.cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
#quickMenu .quick.cm-quick-wrap.stop {
    z-index: -1;
    display: none;
}
.common-quick .cm-quick-wrap {
    position: absolute;
    z-index: 80;
    width: 90px;
    text-align: center;
    margin-left: 545px;
    left: 50%;
    display: block;
}
.common-quick .cm-quick-wrap.stop {
    z-index: -1;
    display: none;
}
.common-quick.oa-intro .cm-quick-wrap {
    top: 730px;
}
.common-quick.oa-intro .cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
.common-quick.prime-intro .cm-quick-wrap {
    top: 270px;
}
.common-quick.prime-intro .cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
.common-quick.web-intro .cm-quick-wrap {
    top: 615px;
}
.common-quick.web-intro .cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
.common-quick.account-intro .cm-quick-wrap {
    top: 880px;
}
.common-quick.account-intro .cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
.common-quick.it-intro .cm-quick-wrap {
    top: 895px;
}
.common-quick.it-intro .cm-quick-wrap.fixed {
    position: fixed;
    top: 230px;
}
.intro-common-quick .cm-quick-wrap-inner {
    background-color: transparent;
}
.intro-common-quick .cm-quick-wrap-inner a {
    display: block;
    font-size: 13px;
    font-family: dotum;
    line-height: 1.4;
    letter-spacing: -1px;
    color: #333;
}
.intro-common-quick .cm-quick-wrap-inner li.tel {
    margin-bottom: 2px;
}
.intro-common-quick .cm-quick-wrap-inner li.tel img {
    width: 90px;
    display: block;
}
.intro-common-quick .cm-quick-wrap-inner li.campus-open-day {
    margin-bottom: 2px;
    background-color: #333;
    text-align: center;
    padding: 9px 0 2px 0;
}
.intro-common-quick .cm-quick-wrap-inner li.campus-open-day > p {
    background-color: #333;
    text-align: center;
    font-family: dotum;
    padding: 0 0 4px 0;
    line-height: 1.35;
}
.intro-common-quick .cm-quick-wrap-inner li.campus-open-day .weekdays {
    color: #fff;
    font-size: 12px;
}
.intro-common-quick .cm-quick-wrap-inner li.campus-open-day .weekend {
    color: #e17664;
    font-size: 12px;
}
.intro-common-quick .cm-quick-wrap-inner li.counsel {
    background-color: #e17664;
    color: #fff;
    height: 60px;
    margin-bottom: 3px;
}
.intro-common-quick .cm-quick-wrap-inner li.counsel > a {
    color: #fff;
    padding: 21px 2px;
}
.intro-common-quick .cm-quick-wrap-inner li.counsel > a:hover {
    background-color: #e17664;
    font-weight: 700;
}
.intro-common-quick .cm-quick-wrap-inner li.move-link {
    background-color: #fff;
}
.intro-common-quick .cm-quick-wrap-inner .move-link {
    width: 90px;
    margin-bottom: 2px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.intro-common-quick .cm-quick-wrap-inner .move-link > li {
    border: 1px solid #c3c3c3;
    border-bottom: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.intro-common-quick .cm-quick-wrap-inner .move-link > li.on > a,
.intro-common-quick .cm-quick-wrap-inner .move-link > li > a:hover {
    background-color: #535353;
    border-color: #c3c3c3;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}
.intro-common-quick .cm-quick-wrap-inner .move-link > li:first-child {
    border-top: none;
}
.intro-common-quick .cm-quick-wrap-inner .move-link > li.line1 > a {
    padding: 21px 2px;
}
.intro-common-quick .cm-quick-wrap-inner .move-link > li.line2 > a {
    padding: 12px 2px;
}
.common-top-menu-list li {
    display: inline-block;
    list-style: outside none none;
}
.common-top-menu-list a {
    position: relative;
    text-decoration: none;
}
.common-top-menu-list a:after,
.common-top-menu-list a:before {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.common-top-menu-list a:before {
    bottom: -1px;
    display: block;
    height: 100%;
    width: 0;
    content: "";
    background-color: #3da4ba;
}
.common-top-menu-list a:after {
    left: 0;
    top: 0;
    position: absolute;
    content: attr(title);
    color: #fff;
    max-width: 0;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.common-top-menu-list a:hover:before {
    opacity: 1;
    width: 100%;
}
.common-top-menu-list .current a:before {
    opacity: 1;
    width: 100%;
}
.common-top-menu-list .current a:after,
.common-top-menu-list a:hover:after {
    max-width: 228px;
    display: inline-block;
}
.apply_online_seminars_left {
    background: 0 0;
    background-image: url(/images/sprites/apply_online_seminars/sprite.png);
    background-position: -463px -395px;
    width: 125px;
    height: 116px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    display: block;
    margin: 15px auto;
}
.apply_online_seminars_left > a {
    display: block;
    width: 125px;
    height: 116px;
}
#apply-online-seminars {
    padding: 70px 0 80px;
}
#apply-online-seminars #empApplication {
    padding: 0;
}
#apply-online-seminars .noticeTitle {
    text-align: center;
}
#apply-online-seminars .noticeTitle .noticeH2 {
    background: 0 0;
    background-image: url(/images/sprites/apply_online_seminars/sprite.png);
    background-position: -463px -296px;
    width: 364px;
    height: 79px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
}
#apply-online-seminars .banner-container {
    height: 352px;
    background-color: #e7f3ff;
    position: relative;
    margin-bottom: 80px;
}
#apply-online-seminars .banner-container .banner {
    background: 0 0;
    background-image: url(/images/sprites/apply_online_seminars/sprite.png);
    background-position: 0 0;
    width: 1899px;
    height: 276px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: 0;
    overflow: inherit;
}
#apply-online-seminars .banner-container .banner .banner-inner {
    width: 1050px;
    display: block;
    margin: 0 auto;
    position: relative;
    height: 352px;
}
#apply-online-seminars .banner-container .banner .banner-inner .teacher-img {
    position: absolute;
    top: 0;
    z-index: 3;
    left: 310px;
    margin-left: 0;
}
#apply-online-seminars .banner-container .banner .banner-inner .text {
    position: absolute;
    z-index: 3;
    text-indent: 0;
    letter-spacing: -1px;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text01 {
    background: 0 0;
    background-image: url(/images/sprites/apply_online_seminars/sprite.png);
    background-position: -847px -296px;
    width: 417px;
    height: 49px;
    color: transparent;
    font-size: 9px;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    left: 10px;
    top: 16px;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text02 {
    left: 20px;
    font-weight: 900;
    font-size: 59px;
    top: 100px;
    color: #000;
    line-height: 1.2;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text02:before {
    content: "";
    width: 42px;
    height: 7px;
    background-color: #fab151;
    position: absolute;
    left: 0;
    top: -15px;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text03 {
    color: #8f979e;
    font-size: 16px;
    left: 23px;
    top: 193px;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text04 {
    color: #454545;
    font-size: 28px;
    left: 750px;
    top: 137px;
    line-height: 1.35;
    font-weight: 300;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text04 > strong {
    font-weight: 500;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text04 > small {
    display: inline-block;
    color: #fff;
    background-color: #84888c;
    font-size: 18px;
    font-weight: 400;
    padding: 2px 5px;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text05 {
    font-size: 21px;
    color: #5c360e;
    left: 750px;
    top: 30px;
    line-height: 1.15;
}
#apply-online-seminars .banner-container .banner .banner-inner .text.text05 > small {
    font-weight: 400;
    font-size: 15px;
}
#apply-online-seminars .banner-container .line-banner {
    width: 100%;
    background-color: #fab151;
    height: 75px;
    bottom: 0;
    position: absolute;
    left: 0;
    z-index: 2;
}
#apply-online-seminars .banner-container .line-banner .container {
    width: 1050px;
    margin: 0 auto;
    height: 75px;
    display: block;
    position: relative;
}
#apply-online-seminars .banner-container .line-banner .container .text.text06 .left {
    position: absolute;
    left: 27px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1px;
    top: 18px;
}
#apply-online-seminars .banner-container .line-banner .container .text.text06 .left > strong {
    color: #000;
}
#apply-online-seminars .banner-container .line-banner .container .text.text06 .right {
    position: absolute;
    left: 750px;
    color: #000;
    font-size: 31px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.15;
    top: -3px;
}
#apply-online-seminars .banner-container .line-banner .container .text.text06 .right > small {
    font-size: 13px;
    color: #333;
    font-weight: 400;
}
.common-kakao-counseling {
    position: fixed;
    right: 15px;
    bottom: 40px;
    z-index: 32;
    display: inline-block;
}

/*안산명칭변경*/
#header-logo h1 a.as {
    background: 0 0;
    background-image: url("/images/common/logo-top-as.png");
    background-position: 0 0;
}
#header-logo h1 a.jr {
    background: 0 0;
    background-image: url("/images/common/logo-top-jr.png");
    background-position: 0 0;
}
.leftTopBox .lLogo .ezen.as {
    background: 0 0;
    background-image: url("/images/common/logo-left-top.png");
    background-position: 0 0;
}
.leftTopBox .lLogo .ezen.jr {
    background: 0 0;
    background-image: url("/images/common/logo-left-top-jr.png");
    background-position: 0 0;
}
#contentBox7 h3.as {
    background: 0 0;
    background-image: url("/images/common/contentBox7-title-as.png");
    background-position: 0 0;
}
#contentBox7 h3.jr {
    background: 0 0;
    background-image: url("/images/common/contentBox7-title-jr.png");
    background-position: 0 0;
}
#footerBox .leftBox h6.as {
    background: 0 0;
    background-image: url("/images/common/logo-footer-top.png");
    background-position: 0 0;
}
#footerBox .leftBox h6.jr {
    background: 0 0;
    background-image: url("/images/common/logo-footer-top-jr.png");
    background-position: 0 0;
}