/* header footer */

:root {
    --color-white: #ffffff;
    --color-black: #212121;
    --color-darkblue: #00467e;
    --color-darkblue2: #00388D;
    --color-blue: #0090e8;
    --color-hover-blue: #006eb3;
    --color-lightblue: #eff9ff;
    --color-lightred: #ff7e8d;
    --color-middlered: #ff465c;
    --color-darkred: #bc2e3e;
    --color-red: #ee001d;
    --color-lightgray: #757575;
    --color-gray: #bdbdbd;
    --color-green: #00be94;
    --header-height: 9.2px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #858585;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: #eeeeee;
}

.skip {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

a {
    transition: 0.2s all ease;
}

table a:hover {
    text-decoration: underline;
    color: var(--color-blue);
}

hr {
    border-top: 1px solid var(--color-gray);
}

.mb-only {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.ac {
    text-align: center;
    justify-content: center;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}

/* 헤더 */
.header {
    position: relative;
    z-index: 13;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: var(--color-white);
}
.header .wrap-inner {
    position: initial;
    display: flex;
    align-items: center;
}
.header-eng .wrap-inner {
    max-width: 1320px;
    margin: 0 auto;
}
.header-top {
    padding: 30px 0 14px;
}
.header-top .wrap-inner {
    justify-content: space-between;
}
.head-logo {
    max-width: 191px;
}

.header.head-sticky .header-top {
    height: 0;
    padding: 0;
    overflow: hidden;
}

.header.head-sticky {
    position: sticky;
    top: 0;
}

.head-logo img {
    width: 100%;
}

.header-top .pc-right-group {
    display: flex;
    align-items: center;
}

.header-search {
    width: 382px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--color-black);
}
.header-search input {
    width: 100%;
    border: 0;
    font-size: 15px;
    padding: 10px;
}
.header-search input::placeholder {
    font-size: 15px;
}

.header-search .search-submit-btn {
    display: flex;
    align-items: center;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url("../images/icon/ic-search-black.svg") no-repeat center / 14px;
}

.language-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 50px;
    font-size: 14px;
    font-weight: 500;
}

.language-btn::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url("/assets/eng/images/wvCommon/ic-gloval.svg") no-repeat center / 100%;
}

/* zoom 버튼 */
.zoom-btn-group {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 30px;
}

.zoom-btn-group .btn-list {
    display: flex;
    gap: 5px;
    align-items: center;
}

.zoom-btn-group .btn-list li {
    line-height: 1;
}

.zoom-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #dddddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    font-size:0px;
}

.zoom-minus {
    background-image: url("/assets/eng/images/wvCommon/ic-minus.svg");
}

.zoom-plus {
    background-image: url("/assets/eng/images/wvCommon/ic-plus.svg");
}

.zoom-text {
    vertical-align: middle;
    font-size: 13px;
}

.header-bottom {
    padding: 14px 0 0;
}

.header .site-map-btn {
    display: block;
    width: 30px;
    height: 21px;
    margin-bottom: 14px;
    background: url("../images/icon/ic-hambuger.svg") no-repeat center / 100%;
    margin-right: 3.5%;
}

.head-nav__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-nav__depth {
    display: flex;
    align-items: center;
}

.head-nav__title {
    font-size: 18px;
}

@media (hover: hover) {
    .head-nav__title a:hover,
    .head-nav__title a:focus-visible {
        color: var(--color-blue);
    }
}

.head-nav__title a {
    display: block;
    padding: 5px 20px 20px;
}

.head-nav__title.mypage-link {
    margin-bottom: 14px;
}

.head-nav__title.mypage-link a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 15px;
    background: #EAF7FF;
    border-radius: 16px;
    color: var(--color-darkblue);
    font-size: 16px;
}
.head-nav__title.mypage-link a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/icon/ic-page-navy.svg") no-repeat center / 100%;
}

.head-menu__box {
    position: absolute;
    left: 0;
    right: 0;
    /*width: 100%;*/
    height: 0;
    overflow: hidden;
    visibility: hidden;
    background: var(--color-white);
    border: 1px solid var(--color-gray);
    /* display: none; */
    transition: ease-in-out 0.3s;
}

.head-menu__box.on {
    height: 350px;
    visibility: visible;
}

.menu__box-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    height: 100%;
    align-items: flex-start;
}


.depth-nav__title {
    position: relative;
    width: 30%;
    height: 100%;
    padding: 30px 0 0;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    background: #F8F9FA;
    border-right: 1px solid var(--color-gray);
}
.depth-nav__title::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #F8F9FA;
    transform: translateX(-100%);
}

.depth-nav__list {
    width: 80%;
    padding: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 24px;
    font-size: 15px;
    font-weight: 500;
}
.depth-nav__list li {
    border: 1px solid #DBDBDB;
    border-radius: 4px 4px 12px 4px;
    transition: background 0.3s;
    overflow: hidden;
}


@media (hover: hover) {
    .depth-nav__list li a:hover,
    .depth-nav__list li a:focus-visible {
        background: var(--color-blue);
        color: var(--color-white);
    }
}

.depth-nav__list li a {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
}
.small-nav__list {
    display: flex;
    gap: 24px;
    margin-left: auto;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,.5);
}

.mb-side-top {
    display: none;
}

/* =========== header 영문사이트 =========== */
.header-eng {
    font-family: 'Roboto', sans-serif;
    letter-spacing: -0.6px;
    z-index: 111;
}
.header-eng .header-top {
    padding: 14px 0;
    background: #F8F9FA;
}

.header-eng .header-top .wrap-inner {
    position: relative;
    justify-content: flex-end;
}

.header-eng .head-logo {
    width: 219px;
}

.header-eng .head-logo.pc-only {
	margin-top:0;
    margin-bottom: 10px;
}

.header-eng .head-top-link {
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.header-eng .head-top-link a {
    color: #212121;
}

.header-eng .language-btn {
    margin-left: 30px;
}

.header-eng .head-nav__group {
    flex-grow: 1;
}

.header-eng .head-nav__depth {
    margin-left: auto;
}

.header-eng .small-nav__list {
    margin-left: 4%;
}

.header-eng .head-nav__title {
    margin: 0;
    font-weight: 400;
    color: rgba(33, 33, 33, .5);
}

.header-eng .head-nav__title a {
    color: rgba(33, 33, 33, .5);
}

/* footer */
.footer {
    padding-bottom: 140px;
    font-size: 16px;
}
.footer-top {
    padding: 40px 0;
    background-color: #F3F4F5;
}

.footer-top .wrap-inner {
    display: flex;
    justify-content: space-between;
}

.footer-logo {
    width: 145px;
    flex-shrink: 0;
}

.footer-logo img {
    width: 100%;
}

.footer .family-group .select {
    min-width: 240px;
    border-radius: 6px;
}

.footer .family-group .select + .select {
    margin-left: 5px;
}

.foot-link__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 30px;
    border-bottom: 1px solid var(--color-gray);
}
.footer .link__list {
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
}
.footer .link__list li {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer .link__list li:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    margin-right: 20px;
    background: var(--color-gray);
}
.footer .link__list li.on {
    font-weight: 700;
    color: var(--color-darkblue);
}
.footer .sns__list {
    display: flex;
    gap: 10px;
}

.footer .sns__list li {
    width: 36px;
    height: 36px;
}

.footer .sns__list img {
    width: 100%;
}
.foot-info__list {
    padding-top: 3px;
}
.foot-info__list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.foot-info__list .adress-item {
    width: 100%;
    display: flex;
}
.foot-info__list address {
    display: flex;
    align-items: center;
}
.foot-info__list ul li {

}
.footer .copy--btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 500;
}
.footer .copy--btn::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: url("../images/icon/ic-clip.svg") no-repeat center / 100%;
}
.foot-info__list address {
    font-style: normal;
}
.foot-info__list .icon-item {
    display: flex;
    align-items: center;
}
.foot-info__list .icon-item::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.adress-item::before {
    background-image: url("../images/icon/ic-loadmap.svg");
}
.tell-item::before {
    background-image: url("../images/icon/ic-call.svg");
}

.foot-info__list .line-item {
    display: flex;
    align-items: center;
}

.foot-info__list .line-item::before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    margin-right: 20px;
    background: var(--color-gray);
}

.footer .call-btn {
    margin-left: 12px;
    padding: 5px 15px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.footer .copyright {
    width: 100%;
    color: #757575;
}

.eng-footer {
    padding: 50px 0 60px;
    border-top: 1px solid #BDBDbd;
}

.eng-footer .footer-logo {
    width: 219px;
}

.eng-footer .wrap-inner {
    display: flex;
    align-items: center;
    gap: 5%;
    max-width: 1320px;
    margin: 0 auto;
}

.eng-footer .foot-info__list {
    padding-top: 0;
}

.eng-footer .foot-info__list ul {
    gap: 10px;
}

.footer .img-mark {
    position: absolute;
    bottom: -300px;
    right: 0;
    width: 116px;
}

.footer .img-mark img {
    width: 100%;
}

@media (max-width: 1360px){
    .wrap-inner {
        padding: 0 2rem;
    }
}

@media all and (max-width: 1024px) {
    body,
    html {
        font-size: 14px;
    }

    /* 헤더 */
    .header {
        position: sticky;
        top: 0;
        padding: 13px 0;
        background: var(--color-white);
    }
    .header-top {
        padding: 0;
    }
    .head-logo {
        max-width: 132px;
        margin: 0;
    }

    .header .mb-only {
        display: block !important;
    }

    .header .pc-only {
        display: none !important;
    }

    /* 모바일 사이드메뉴 */
    .mb-side-nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 375px;
        height: 100%;
        padding: 0;
        transform: translateX(100%);
        border-left: 1px solid var(--color-gray);
        background: #ffffff;
        transition: 0.5s;
    }
    .mb-side-nav.show {
        transform: translateX(0);
    }
    .mb-side-nav .wrap-inner {
        display: block;
        padding: 0;
        height: 100%;
    }
    .mb-side-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        border-bottom: 1px solid var(--color-gray);
    }
    .mb-side-top-wrap {
        display: flex;
        align-items: center;
    }
    .mb-side-top .mb-top__item {
        display: inline-flex;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        padding: 3px 10px;
        border: 1px solid #D8D8D8;
        border-radius: 14px;
        margin-left: 0;
    }

    .mb-side-top .mb-top__item + .mb-top__item {
        margin-left: 8px;
    }

    .mb-top__item.language-btn::before {
        width: 16px;
        height: 16px;
    }
    .head-nav__group {
        display: block;
        margin: 0;
        display: block;
        margin: 0;
        height: calc(100% - 71px);
        overflow-y: auto;
    }
    .head-nav__depth {
        display: block;
        color: #757575;
    }

    .head-nav__title {
        font-size: 18px;
        background: url("../images/wvCommon/ic-arrow-down.svg") no-repeat 95% center / 20px;
    }

    .head-nav__title.arrow-none {
        background: none !important;
    }

    .head-nav__title.show {
        background-image: url("../images/wvCommon/ic-arrow-down-black.svg");
    }

    .head-nav__title a {
        padding: 1.2rem 2rem;
    }

    .head-nav__title.mypage-link {
        margin-bottom: 0;
    }

    .head-nav__title.mypage-link a {
        padding: 20px;
        background: transparent;
        color: #757575;
        font-size: 18px;
    }
    .head-nav__title.mypage-link a::after {
        display: none;
    }
    .head-menu__box {
        position: initial;
        height: auto;
        visibility: inherit;
        margin: 0;
        border: 0;
        background: #F8F9FA;
        display: none;
    }
    .head-menu__box.on  {
        height: auto;
    }
    .head-nav__title.show + .head-menu__box {
        display: block;
    }
    .menu__box-inner {
        display: block;
        max-width: unset;
        padding: 0;
    }

    /* 모바일 검색영역 */
    .header-top .mb-search-group {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 428px;
        display: block;
        padding: 18px 20px;
        transform: translateX(100%);
        border-left: 1px solid var(--color-gray);
        background: #ffffff;
        transition: 0.5s;
    }

    .header-search .search-close-btn {
        display: block;
        width: 30px;
        height: 30px;
        background: url("../images/icon/ic-arrow-left-black.svg") no-repeat center / 65%;
        text-indent: -9999px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .header-search .search-submit-btn {
        position: initial;
        margin: 0;
        clip: unset;
        white-space: unset;
        flex-shrink: 0;
    }

    .header-search {
        width: 100%;
        display: flex;
    }

    .mb-search-group .header-search input {
        background: none;
        padding: 8px 5px 15px 8px;
    }

    .mb-search-group.show {
        transform: translateX(0);
    }

    .depth-nav__title {
        display: none;
    }
    .depth-nav__title::before {
        display: none;
    }
    .depth-nav__list {
        display: block;
        width: 100%;
        padding: 0;
    }

    .depth-nav__list li {
        border: 0;
        border-radius: 0;
    }

    .depth-nav__list li a {
        padding: 13px 20px;
    }

    .mb-head-btn,
    .mb-sideopen-btn {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 65%;
    }

    .mb-head-btn + .mb-head-btn {
        margin-left: 5px;
    }
    .mb-search-btn {
       /*  background-image: url("/assets/eng/images/wvCommon/ic-search-black.svg"); */
    }
    .mb-menu-btn,
    .mb-sideopen-btn {
        background-image: url("/assets/eng/images/wvCommon/ic-hambuger-mb.svg");
    }
    .menu-close-btn,
    .mb-sideclose-btn {
        background-image: url("/assets/eng/images/wvCommon/ic-x.svg");
    }

    .small-nav__list {
        display: none;
    }

    .header-eng .header-top {
        background: transparent;
        padding: 0;
    }

    .header-eng .header-top .wrap-inner {
        justify-content: space-between;
    }

    .header-eng .head-logo {
        position: initial;
        width: 145px;
    }

    /* 푸터 */
    .footer {
    	padding-top: 0;
        padding-bottom: 30px;
    }
    .footer-top {
        padding: 31px 0 20px;
    }
    .footer-top .wrap-inner {
        flex-direction: column;
        gap: 28px;
    }

    .footer .family-group .select {
        width: 100%;
    }

    .footer .family-group .select + .select {
        margin: 8px 0 0;
    }
    .foot-link__group {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
        padding: 20px 0 10px;
    }
    .footer .link__list {
        row-gap: 10px;
    }
    .footer .link__list li {
        gap: 10px;
    }
    .footer .link__list li:not(:last-child):after {
        margin-right: 10px;
    }
    .footer .sns__list {
        gap: 6px;
        width: 100%;
        justify-content: flex-end;
    }
    .footer .sns__list li {
        width: 24px;
        height: 24px;
    }

    .foot-info__list {
        padding-top: 10px;
        font-size: 14px;
    }

    .footer .copy--btn span {
        display: none;
    }

    .foot-info__list .adress-item {
        align-items: flex-start;
    }

    .foot-info__list address {
        display: block;
    }

    .foot-info__list ul {
        gap: 10px;
    }

    .footer .call-btn {
        padding: 2px 15px;
    }

    .foot-info__list .line-item::before {
        margin-right: 10px;
    }

    .eng-footer .wrap-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .eng-footer .footer-logo {
        width: 145px;
    }

    .footer .img-mark {
        width: 50px;
        height: 51px;
        top: 0;
        right: 20px;
        bottom: unset;
    }
}
/* header footer End */


/* depth */
.conbodyT1 {font-weight:400; font-size:18px; color:#4d75d9; margin:40px 0px 20px;}
.conbodyT2 {font-weight:400; font-size:16px; color:#333; margin:10px 0px;}

.conbodyBox p {font-size:14px;}
.conbodyBox .conPoint {font-size:16px;}
.ulList li {padding-left:15px; background:url('/assets/eng/images/wvCommon/pointer01.png') no-repeat 5px 10px; font-size:13px;}
.textBox {background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; padding:10px; font-size:13px;}
.textareaBox {background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; font-size:13px; padding:20px;}
.textareaBoxIn {border:2px solid #ccc; overflow:hidden;}
.textareaBoxIn textarea {width:100%; height:100%; background-color:#fff; border:0px;}
.text_gray_Box {background-color:#ddd; color:#333; border-radius:3px; padding:3px 10px;}

.w_txtBox {background-color:#FFF; border:1px solid #ccc; border-radius:3px; padding:10px; font-size:13px; }
.textBox .sm_Title {font-size:12px; line-height:18px}
.textBox .sm_List {font-size:11px; line-height:18px}


/* tabbox */
.tabBox {display:inline-block; width:100%; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }
.tabBox ul {display: flex;}
.tabBox ul li {flex: 1;float:left; background-color:#f7f7f7; text-align:center; transition:0.3s all;}
.tabBox ul li:hover {background-color:#dfecf8;}
.tabBox ul li a {display:block; border-bottom:1px solid #d7d7d7; line-height:120%; border-right:1px solid #d7d7d7; font-size:14px; color:#333;}
.tabBox ul li a span {display: flex; align-items: center;justify-content: center;padding:3px 0px; height:35px; vertical-align:middle;}
.tabBox .on {background-color:#4d75d9;}
.tabBox .on a {color:#fff;}
.tabBox .on:hover {background-color:#4d75d9;}

.tabBox_day {display:inline-block; width:100%; border-top:1px solid #d7d7d7; }
.tabBox_day ul li {float:left; width:6%; background-color:#f7f7f7; text-align:center; transition:0.3s all;}
.tabBox_day ul li:hover {background-color:#dfecf8;}
.tabBox_day ul li a {display:block; border-bottom:1px solid #d7d7d7; line-height:28px; border-right:1px solid #d7d7d7; font-size:13px; color:#333;}
.tabBox_dayHead {width:14% !important; background-color:#d7d7d7 !important; height:29px;}
.tabBox_day .on {background-color:#4d75d9;}
.tabBox_day .on a {color:#fff;}
.tabBox_day .on:hover {background-color:#4d75d9;}
.tabIMG img{width:750px;}

/* small Tab */
.tab_area {overflow:hidden; position:relative;}
.tab_area ul {position:absolute; right:0; top:8px;}
.tab_area li {float:left;}
.tab_area li a {border:1px solid #9ca1ae; margin-left:4px; padding:4px 10px; font-size:13px}
.tab_area li.active a {background-color:#4d75d9; border:1px solid #4d75d9; color:#FFF;}
.tab_area .tab_contents {overflow:hidden;}

.tab_areaS {overflow:hidden; position:relative;}
.tab_areaS ul {position:absolute; right:0; top:8px;}
.tab_areaS li {float:left;}
.tab_areaS li a {border:1px solid #9ca1ae; margin-left:4px; padding:4px 10px; font-size:13px}
.tab_areaS li.active a {background-color:#4d75d9; border:1px solid #4d75d9; color:#FFF;}
.tab_areaS .tab_contentsS {overflow:hidden;}


/* search */
.searchBox {position:relative; border:1px solid #dadada; background-color:#f9f9f9; margin-bottom:30px; padding:10px; font-size:0px; line-height:100%;}
.searchBox ul {display:inline-block; width:100%; clear:both;}
.searchBox ul li {float:left; padding-right:20px; margin:3px 0px;}
.sLable_s {display:inline-block; vertical-align:top; border:1px solid #dadada; background-color:#f1f1f1; font-size:13px; line-height:120%;
    padding:5px 15px; width:50px; height:14px; text-align:center; border-radius:3px 0px 0px 3px; box-sizing: content-box;
    font-weight:400; margin:0px;}
.sInput {display:inline-block; vertical-align:top; font-size:13px; line-height:120%; margin-left:-1px;}
.sInput img {vertical-align:middle; margin-left:-1px;}
.sInputGroup {display:inline-block; vertical-align:middle; border:1px solid #dadada; background-color:#fff; font-size:13px;
    line-height:22px; padding:0px 15px; height:24px; margin-left:-1px; box-sizing: content-box;}
.sInputGroup img, .sInputGroup input, .sInputGroup label {vertical-align:middle;}
.sText {display:inline-block; clear:both; padding:4px 0px;}
.searchBu {position:absolute; bottom:12px; right:10px; font-size:14px; color:#fff; background-color:#2ec20b;
    border-radius:4px; padding:3px 8px; transition:0.2s all; border:2px solid #2ec20b;}
.searchBu:hover {background-color: #0b88e8;   border: 1px solid #0b88e8;}
.searchBu span {vertical-align:1px;}
.searchgray {position:absolute; bottom:13px; right:10px; font-size:14px; color:#fff; background-color:#666;
    border-radius:4px; padding:3px 8px; transition:0.2s all; border:2px solid #666;}
.searchgray:hover {background-color:#00a99d; border:2px solid #057169;}
.searchgray span {vertical-align:1px;}
.sLable_l {display:inline-block; vertical-align:top; border:1px solid #dadada; background-color:#f1f1f1; font-size:13px; line-height:120%;
    padding:5px 15px; width:80px; height:14px; text-align:center; border-radius:3px 0px 0px 3px; box-sizing: content-box;
    font-weight:400; margin:0px;}

.searchCenter {text-align:center;}
.searchCenter ul {width:auto;}
.searchCenter ul li {float:none; display:inline-block;}
.searchCenter .searchBu {position:static; vertical-align:top; margin-top:2px; padding: 6px 10px 5px; font-size: 13px; background-color: #4d75d9;  border: 1px solid #4d75d9;}
.searchCenter .searchBu:hover {background-color: #0b88e8;  border: 1px solid #0b88e8;}

/* table */
.tableTopBox {font-size:13px; width:100%; min-height:35px;}
.tableTopBoxL {float:left;}
.tableTopBoxR {float:right;}
.tableTopBoxR button {font-size:20px; vertical-align:middle;}
.tableTopTxt {display:inline-block; margin-top:10px;}
.tableTopBoxR span {margin-right:5px;}

.table_normal {width:100%; border-top:1px solid #575757; border-bottom:2px solid #575757; line-height:120%;}
.table_normal thead tr th {background-color:#f7f7f7; font-size:13px; color:#333; padding:10px 5px; text-align:center;}
.table_normal tbody tr th {background-color:#f7f7f7; font-size:13px; color:#333; border-top:1px solid #dadada; padding:8px 5px; transition:0.3s all;}
.table_normal tbody tr td {font-size:13px; color:#333; border-top:1px solid #dadada; padding:8px 5px; transition:0.3s all;}
.table_normal tbody tr td a:hover {color:#10a0ea;}
.table_normal tbody tr td input[type="text"] {margin:3px 0px;}
.table_normal tbody tr td input[type="password"] {margin:3px 0px;}
.table_hover tbody tr:hover td {background-color:#dfecf8;}
.table_line th, .table_line td {border-left:1px solid #dadada;}
.line0 {border-left:0px !important;}
.linetop {border-top:1px solid #dadada}
.thtop {border-top:1px solid #575757}

.table_normal tbody tr td.prograss {padding:0; width:280px;}
.table_normal tbody tr td.prograss .pro_rate {overflow:hidden; margin-top:8px; margin-right:5px; }
.table_normal tbody tr td.prograss .pro_rate .bar {width:230px}
.table_normal tbody tr td.prograss .pro_rate .bar span {border-radius:0 6px 6px 0; background-color: #4b77d8; height:14px; float:left;}
.table_normal tbody tr td.prograss .pro_rate .bar span.mine {background-color: #b90000; }
.table_normal tbody tr td.prograss .pro_rate label {display:inline-block; margin-left:5px; font-weight:bold; color:#000; font-size:14px;}
.table_normal .tdList li {background:url('/assets/eng/images/sub/ico_dot.png') no-repeat 0 7px; padding-left:10px; background-size:3px; line-height:20px;}

.webzineList {width:100%; border-top:1px solid #575757; border-bottom:2px solid #575757;}
.webzineList > li {border-top:1px solid #575757;}
.webzineList > li:first-child {border:0px;}
.webzineTitle {font-size:20px; margin:20px 0px;}
.webzineBody {margin-bottom:20px;}
.webzineBody p {margin:5px 0px; font-size:13px;}

.txt_calendar {font-size:36px; font-weight:bold; margin-bottom:5px}
.calendar_ico {padding-top:52px;}
.calendar_ico.ico1{background:url('/assets/eng/images/sub/ico_menu01.png') no-repeat 50% 0; }
.calendar_ico.ico2{background:url('/assets/eng/images/sub/ico_menu02.png') no-repeat 50% 0; }
.calendar_ico.ico3{background:url('/assets/eng/images/sub/ico_menu03.png') no-repeat 50% 0; }


/* PAGENATION */
.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    font-size: 1.4rem;
}
.popup .pagination {
    margin-top: 15px;
}
.pagination .page-btn {
    display: block;
    width: 38px;
    height: 38px;
    background-image: url('../images/icon/icon-pagination-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    border: 1px solid #dbdbdb;
}
.pagination .prev {
    transform: rotate(-180deg);
}
.pagination .first {
    transform: rotate(-180deg);
    background-image: url('../images/icon/angles-right-solid.svg');
    background-size: 15px;
}
.pagination .last {
    background-image: url('../images/icon/angles-right-solid.svg');
    background-size: 15px;
}
.pagination .page-list {
    display: flex;
    gap: 8px;
}
.pagination .page-item {
    transition: 0.3s;
}
.pagination .page-item.active {
    background: var(--color-darkblue);
}
.pagination .page-item.active a {
    border: 0;
    color: var(--color-white);
}
.pagination .page-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #dbdbdb;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

/* button */
.buttonBox {clear:both; padding:10px 0px;}
.buttonBoxL {float:left;}
.buttonBoxR {float:right;}
.buttonGroup {font-size:0px; vertical-align:middle;}
.buttonGroup button {margin-left:-1px;}


.bu_blue_s {background-color:#4d75d9; border:1px solid #4d75d9; font-size:13px; color:#fff; border-radius:4px; padding:5px 10px; margin:2px; transition:0.2s all;}
.bu_blue_s:hover {background-color: #0b88e8; border: 1px solid #0b88e8;}
.bu_blue_l {background-color:#4d75d9; border:1px solid #4d75d9; font-size:14px; color:#fff; border-radius:4px; padding:8px 20px; margin:2px; transition:0.2s all;}
.bu_blue_l:hover {background-color: #0b88e8; border: 1px solid #0b88e8;}
.bu_gray_l {background-color:#9ca1ae; border:1px solid #9ca1ae; font-size:14px; color:#fff; border-radius:4px; padding:8px 20px; margin:2px; transition:0.2s all;}
.bu_gray_l:hover {transform:scale(1.1);}
.bu_white_l {background-color:#fff; border:1px solid #ccc; font-size:14px; color:#333; border-radius:4px; padding:8px 20px;  margin:2px; transition:0.2s all;}
.bu_white_l:hover {transform:scale(1.1);}
.bu_white_s {background-color:#fff; font-size:13px; color:#333; padding:5px 10px; border:1px solid #dadada; transition:0.3s all}
.bu_white_s:hover {background-color:#36a7e1; border:1px solid #2e96cb; color:#fff;}
.bu_white_s.on {background-color:#36a7e1; border:1px solid #2e96cb; color:#fff;}
.bu_close_s {background-color:#eee; font-size:13px; color:#999; padding:5px 10px; border:1px solid #dadada; transition:0.3s all}
.bu_red_s {background-color:#eb3200; font-size:13px; color:#fff; padding:5px 10px; border:1px solid #eb3200; transition:0.3s all}
.bu_red_s:hover {background-color:#b90000; border:1px solid #b90000; color:#fff;}
.bu_gray_s {background-color:#666; font-size:13px; color:#fff; padding:5px 10px; border:1px solid #333; transition:0.3s all}
.bu_gray_s:hover {background-color:#36a7e1; border:1px solid #2e96cb; color:#fff;}

button.innerBTN  {padding:3px 6px 2px; font-size:12px}

.options {overflow:hidden;}
.options button {float:left;margin-right:-1px;}
.options button span {display:block;padding:0 10px; font-size:13px; line-height:27px; border:1px solid #ccc; background-color:#fcfcfc; text-align:center; color:#333; min-width:20px}
.options button.active span {color:#FFF; background-color:#666; border:1px solid #666;}

.file-box {display:inline-block;position:relative;padding-right:75px; top:-1px}
.file-box label {position:absolute;right:0; width:80px; height:25px; font-size:13px;color:#FFF; line-height:26px; text-align:center; border:1px solid #333;background-color:#666; cursor:pointer; z-index:10; transition:0.3s all}
.file-box label:hover {background-color:#36a7e1; border:1px solid #2e96cb; color:#fff;}
.file-box input[type="file"] {position:absolute;right:0;top:0;font-size:0;width:10px;opacity:0;filter: alpha(opacity=0);}


.guideBox {font-size:13px; padding:5px 0px; min-height:30px;}
.guidBox_01 {border-radius:4px; font-family:dotum; background-color:#db7700; color:#fff; font-size:11px; padding:2px 4px; line-height:15px; vertical-align:middle; display:inline-block;}
.guidBox_02 {border-radius:4px; font-family:dotum; background-color:#00746b; color:#fff; font-size:11px; padding:2px 4px; line-height:15px; display:inline-block;}
.guidBox_03 {border-radius:4px; font-family:dotum; background-color:#0054a6; color:#fff; font-size:11px; padding:2px 4px; line-height:15px; display:inline-block;}

.asterisk {color:red; display:inline-block; vertical-align:middle; margin:3px 0 0 5px}

/* popup - normal */
.popup_box {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; display:none;}
.popup_boxIn {position:absolute; z-index:102; left:50%; margin-left:-350px; top:100px; width:700px; background-color:#fff; border:1px solid #666;}
.popupHead {background-color:#666; color:#fff; padding:10px;}
.popupHead h1 {margin:0px; display:inline-block; font-size:18px;}
.popup_close {display:block; color:#fff; float:right; font-size:22px;}
.popupCBox {padding:20px 30px 20px; font-size:14px; max-height:570px; overflow:auto;}
.popupCBox p {color:#818181; margin:2px 0; margin-bottom: 10px;  display: inline-block;}
.popupCBox strong {color:#818181; margin-bottom:10px; display:inline-block; font-size: 16px;}
.popup_footer {display:inline-block; width:100%; text-align:right; margin-bottom: 10px;}
.popup_footer img {float:right; margin-right:5px;}
.popup_footer ul {display:inline-block; margin-right:25px}
.popup_footer ul li {float:left; margin:0 5px}
.popup_footer button {font-size:14px; font-weight:bold; padding:10px 70px; border-radius:3px; background:white; border:1px solid #313131; transition:0.5s all;}
.popup_footer button:hover {background:#313131; color:white;}
.popupBg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:100; background:url('/assets/eng/images/wvCommon/trans.png'); width:100%; height:100%; z-index:101}

.user_guide {overflow:hidden; padding-bottom:20px}
.user_guide li div {overflow:hidden; width:100%;  text-align:center;}
.user_guide li div a {display:inline-block; width:190px; padding-top:135px; margin:0 10px;}
.user_guide li div a.certif {background:url('/assets/eng/images/sub/ico_confirm04.png') no-repeat 50% 40px;}
.user_guide li div a.pin {background:url('/assets/eng/images/sub/ico_confirm01.png') no-repeat 50% 40px;}
.user_guide li div a.phone {background:url('/assets/eng/images/sub/ico_confirm02.png') no-repeat 50% 40px;}
.user_guide li div a button {width:180px;}

.admin_log {text-align:center}
.admin_log input {margin-bottom:10px;}
.admin_log button {width:285px;}

.popup_body {overflow:auto; border:2px solid #dfdfdf; padding:10px;}
.popup_body_html {overflow:auto; border:2px solid #dfdfdf; padding:10px; margin:10px;}

/* form */
input[type="text"] {background-color:#fff; transition:0.3s all; box-sizing:content-box; }
input[type="text"]:hover {background-color:#dfecf8; box-sizing:content-box;}
input[readonly=readonly] {background-color:#ebeef7; box-sizing:content-box;}

/* text */
.txt_blue {color:#00609f;}
.txt_purple {color:#d93289;}
.txt_red {color:#f62a09;}
.txt_red_m {color:#f62a09; font-size:16px;}
.tex_s {font-size:11px;}
.tex_n {font-size:13px;}


/* etc */
.mobileS {display:none;}
.responsibility {clear:both;  margin-top:50px; line-height:120%; height:40px; padding:20px 15px 15px 150px; background:#f6f6f6 url('/assets/eng/images/sub/bg_responsibility.gif') no-repeat 30px 9px; color:#3d3d3d; font-size:12px;}
.responsibility p {margin:10px 0px 0px; font-weight:500;}
.responsibility em {color:#03204b}
.responsibility a {color:#1b65c3}

.bottomarea {clear:both; position:relative; z-index:2; width:100%; height:117px; border-top:1px solid #e0dfdc}
.bottomarea .footerwrap {position:relative; width:980px; margin:0 auto}
.bottomarea h1 {position:absolute; margin:0px; left:0; top:18px; padding:10px 0 0 96px}
.bottomarea h1 span {position:absolute; left:0; top:0}
.bottomarea .wamark {position:absolute; top:30px; right:0;}
.bottomarea .bmenu {position:absolute; left:220px; top:50px; margin:0px;}
.bottomarea .bmenu a {display:inline-block; height:13px; line-height:16px; padding:0 8px 0 7px; background:url('/assets/eng/images/sub/bg_bar_03.gif') no-repeat 0 2px; letter-spacing:-1px; color:#717171; font-size:11px; font-family:'Nanum Gothic'; font-weight:bold}
.bottomarea .bmenu a:first-child {padding:0 11px 0 0; background:none}
.bottomarea address {clear:both;font-style:normal; display:block; position:absolute; left:220px; top:70px; text-align:left; color:#717171; font-size:11px;}
.bottomarea address em {display:block; padding-top:2px; color:#9c9c9c; font-weight:400; line-height:13px;}
.bottomarea .dropdownbox {position:absolute; top:20px}
.bottomarea .dropdownbox a.selected {display:block; height:23px; text-indent:-99999px}
.bottomarea .dropdownbox p {display:none; margin:0px; overflow-y:scroll; position:absolute; left:0; bottom:21px; width:136px; height:120px; padding:5px 3px 5px 10px; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color:#d6d8d8}
.bottomarea .dropdownbox.on p {display:block}
.bottomarea .dropdownbox.on p a {display:block; overflow:hidden; height:19px; letter-spacing:-1px; font-size:11px; color:#9c9c9c; line-height:19px}
.bottomarea .relsite {position:absolute; top:25px; right:470px; padding-left:7px;background:url('/assets/eng/images/sub/bg_bar_03.gif') no-repeat 0 2px; font-size:11px; font-family:'Nanum Gothic'; font-weight:bold; letter-spacing:-1px}
.bottomarea .relsite_01 {left:220px}
.bottomarea .relsite_01 a.selected {width:151px; background:url('/assets/eng/images/sub/txt_relsite_01_off.gif') no-repeat 0 0}
.bottomarea .relsite_01.on a.selected {background:url('/assets/eng/images/sub/txt_relsite_01_on.gif') no-repeat 0 0}
.bottomarea .relsite_02 {left:375px}
.bottomarea .relsite_02 a.selected {width:151px; background:url('/assets/eng/images/sub/txt_relsite_02_off.gif') no-repeat 0 0}
.bottomarea .relsite_02.on a.selected {background:url('/assets/eng/images/sub/txt_relsite_02_on.gif') no-repeat 0 0}
.bottomarea .relsite_03 {left:530px}
.bottomarea .relsite_03 a.selected {width:151px; background:url('/assets/eng/images/sub/txt_relsite_03_off.gif') no-repeat 0 0}
.bottomarea .relsite_03.on a.selected {background:url('/assets/eng/images/sub/txt_relsite_03_on.gif') no-repeat 0 0}

/* �빊遺쏙옙 */
.popup_box .pw_title {overflow:hidden; background:url('/assets/eng/images/sub/ico_pw.png') no-repeat 20px 10px; padding-left:150px; height:145px}
.popup_box .pw_title h2 span {font-size:16px;}
.popup_box .pw_title h2 strong {color:#4d75d9;}
.popup_box .pw_title span {font-size:13px;}

.popup_list {overflow:hidden;}
.popup_list li {background:url('/assets/eng/images/sub/ico_dot.png') no-repeat 0 7px; padding-left:10px; background-size:3px; line-height:20px;}

.popup_List {position:relative; border:1px solid #ccc; border-radius:3px; padding:20px 10px 20px 120px; font-size:13px;}
.popup_List.icon {background:url('/assets/eng/images/sub/ico_alert.png') no-repeat 25px 50%;}
.popup_List .List {position:relative;}
.popup_List .List li {padding-left:15px; background:url('/assets/eng/images/wvCommon/pointer01.png') no-repeat 5px 10px; font-size:13px;}
.popup_List .List > p {text-align:right; position:relative; right:65px}

.login_step {overflow:hidden; }
.login_step li {overflow:hidden; position:relative; float:left; width:45%; border-top:1px solid #575757; padding:15px; }
.login_step li:first-child {margin-right:15px}
.login_step li div {overflow:hidden; width:100%; text-align:center; margin-top:30px}
.login_step li div input {margin-bottom:10px;}
.login_step li div button {margin-bottom:10px; width:85%}
.login_step li div span.id_step {display:inline-block; width:30%; border-right:1px solid #e1e1e1 }
.login_step li div span.id_step:last-child {border-right:none; width:28%}
.login_step li div span.id_step a {font-size:13px; display:block}
.login_step li div span.conf_step {display:block; font-size:12px; text-align:left; padding:0 5px; line-height:18px}
.login_step li div p.messagebox {background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; padding:10px; margin:0 25px 10px; font-size:13px;}
.login_step li div p.confirm01 {clear:both; width:100%; background:url('/assets/eng/images/sub/ico_confirm01.png') no-repeat 50%; height:85px; margin:0 0 6px }
.login_step li div p.confirm02 {clear:both; width:100%; background:url('/assets/eng/images/sub/ico_confirm02.png') no-repeat 50%; height:85px; margin:0 0 6px }
.login_step li div p.confirm03 {clear:both; width:100%; background:url('/assets/eng/images/sub/ico_confirm03.png') no-repeat 50%; height:66px; margin:0 0 6px }

.step_guide {overflow:hidden; padding: 45px 65px}
.step_guide li div {overflow:hidden; width:100%;  text-align:center;}
.step_guide li div a {display:inline-block; width:280px; padding-top:135px; margin:0 10px;}
.step_guide li div a.pin {background:url('/assets/eng/images/sub/ico_confirm01.png') no-repeat 50% 40px;}
.step_guide li div a.phone {background:url('/assets/eng/images/sub/ico_confirm02.png') no-repeat 50% 40px;}
.step_guide li div a button {width:220px;}

.regis_guide {overflow:hidden; margin-bottom:60px;}
.regis_guide p.confirm03 {clear:both; width:100%; background:url('/assets/eng/images/sub/ico_confirm03.png') no-repeat 50%; height:66px; margin:0 0 10px }
.regis_guide button {width:220px}

.fac_guide {overflow:hidden}
.fac_guide dt {font-weight:bold; margin:4px 0; padding-left:15px; background:url('/assets/eng/images/wvCommon/pointer01.png') no-repeat 5px 50%; }
.fac_guide dd {padding-left:15px}

.pre_guide {overflow:hidden; margin-top:5px}
.pre_guide li {font-size:12px; line-height:20px}

.trans_guide {overflow:hidden; position:relative;}
.trans_guide .downBTN {position:absolute; right:0; top:12px;}
.trans_guide .downBTN span {margin-left:4px}
.trans_guide .downBTN button {padding:3px 6px 2px; font-size:12px}

.login_titimg {clear:both; width:100%; }
.login_titimg .img01 {background:url('/assets/eng/images/sub/logimg_01.gif') no-repeat; height:88px}
.login_titimg .img02 {background:url('/assets/eng/images/sub/logimg_02.gif') no-repeat; height:88px}
.login_titimg .img03 {background:url('/assets/eng/images/sub/logimg_03.gif') no-repeat; height:88px}

.loginBox {width:100%; border-bottom:1px solid #dedede; }
.loginBox .login_done {font-size:16px;; padding:50px 0;}
.loginBox .login_done  .T1 {font-weight:400;  font-size:28px; color:#3c3c3c; margin:10px 0;}
.loginBox .login_done  .T1 strong {color:#4d75d9;}
.loginBox .login_done  span {color:#4d75d9; padding-bottom:3px; border-bottom:1px solid #4d75d9;}

.member_modify {border:1px solid #ccc; background-color:#f7f7f7; padding:10px 0 10px 95px; background:url('/assets/eng/images/sub/ico_lock.png') no-repeat 18px;}
.member_withdraw {border:1px solid #ccc; background-color:#f7f7f7; padding:10px 95px; background:url('/assets/eng/images/sub/ico_out.png') no-repeat 18px 18px;}
.member_withdraw h4 {margin:10px 0 5px;}
.member_withdraw  span {font-size:13px;; display:block; line-height:18px}

.mylecture {position:relative; border:1px solid #e3e6ec; margin-top:20px; height:40px; line-height:40px;}
.mylecture .title {overflow:hidden; display:inline-block; color:#FFF; width:160px; text-align:center; background:url('/assets/eng/images/sub/ico_arrow.png') no-repeat 100% #5d5d5d;}
.mylecture .List {display:inline-block; position:relative; padding-left:5px; width:68%; line-height:38px;}
.mylecture .List .roU {overflow:hidden;}
.mylecture .List .roL {position:relative}
.mylecture .List li a {font-size:13px}
.mylecture .List li a:hover {color:#10a0ea;}
.mylecture .btn_sc {position:absolute; top:3px; right:5px; line-height:0}
.mylecture .btn_sc a{display:block;}
.mylecture .btn_sc span:hover {color:#10a0ea;}
.mylecture button {position:absolute; top:7px; right:6px;}

.text_sub_Box {background-color:#ddd; color:#333; font-size:13px; border-radius:3px; padding:10px; margin-top:10px}

.sub_ulList {background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; padding:20px 10px 20px 150px; font-size:13px;}
.sub_ulList.icons01 {background:url('/assets/eng/images/sub/ico_infos0201.png') no-repeat 25px 50%;}
.sub_ulList.icons02 {background:url('/assets/eng/images/sub/ico_infos0202.png') no-repeat 25px 50%;}
.sub_ulList.icons03 {background:url('/assets/eng/images/sub/ico_infos0203.png') no-repeat 25px 50%;}
.sub_ulList.icons04 {background:url('/assets/eng/images/sub/ico_infos0204.png') no-repeat 25px 50%;}
.sub_ulList.icons05 {background:url('/assets/eng/images/sub/ico_infos0301.png') no-repeat 30px 50%;}
.sub_ulList.icons06 {background:url('/assets/eng/images/sub/ico_infos0302.png') no-repeat 30px 50%;}
.sub_ulList.eduicon01 {background:url('/assets/eng/images/sub/edu_icons01.png') no-repeat 30px 50%;}
.sub_ulList.eduicon02 {background:url('/assets/eng/images/sub/edu_icons02.png') no-repeat 30px 50%;}
.sub_ulList .List li {padding-left:15px; background:url('/assets/eng/images/wvCommon/pointer01.png') no-repeat 5px 10px; font-size:13px;}
.sub_ulList .List_red {color:#f62a09; margin-top:8px; line-height:20px; padding-left:5px}

.sub_transList {overflow:hidden; background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; padding:20px 40px; font-size:13px;}
.sub_transList .blueline {float:left; background:url('/assets/eng/images/sub/ico_bus01.png') no-repeat 0 50%; padding-left:125px;}
.sub_transList .blueline  dl{height: 110px;}
.sub_transList .blueline  dl dt {float:left;}
.sub_transList .blueline  dl dd {float:left; width:480px; padding-top:15px}
.sub_transList .blueline  dl dd p {margin:0}
.sub_transList .blueline  dl dd p label {display:inline-block; width:65px; color:#00609f; font-weight:bold;}

.sub_transList .redline{float:left; background:url('/assets/eng/images/sub/ico_bus02.png') no-repeat 0 50%; padding-left:125px; margin-top:25px}
.sub_transList .redline dl {}
.sub_transList .redline dl dt {float:left;}
.sub_transList .redline  dl dd {float:left; width:480px;}
.sub_transList .redline  dl dd  p {margin:0}
.sub_transList .redline  dl dd p label {display:inline-block; width:65px; color:#00609f; font-weight:bold;}

.select_step {overflow:hidden}
.select_step .steps {display:inline-block; margin-bottom:10px; background:url('/assets/eng/images/sub/edu_bg1.png') no-repeat  0 0; width:168px; height:166px}
.select_step .steps:last-child {background:#ddebff}
.select_step .steps ul {padding:10px 20px 0 5px}
.select_step .steps:last-child ul {padding:10px}
.select_step .steps li {text-align:center; font-size:14px; line-height:30px; }

.edu_step {overflow:hidden; position:relative;  background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; height:200px; font-size:14px;  background:url('/assets/eng/images/sub/edu_bg2.png') no-repeat  50% 50%;}
.edu_step strong {display:block; color:#00609f;}
.edu_step span {display:block; line-height:18px; font-size:12px}
.edu_step .estep01 {position:absolute; left:20px; top:35px; text-align:right; width:200px;}
.edu_step .estep02 {position:absolute; left:20px; bottom:17px; text-align:right; width:200px;}
.edu_step .estep03 {position:absolute; right:20px; top:35px; width:200px;}
.edu_step .estep04 {position:absolute; right:20px; bottom:35px; width:200px;}

.introduce {overflow:hidden; margin-top:30px; padding:20px}
.introduce  li {margin-bottom:20px; font-size:13px; line-height:20px;}
.introduce  li span {font-size:16px;}
.introduce  li:last-child {margin-top:40px; margin-bottom:0;}

.img_maparea {clear:both; border:1px solid #ccc; width:100%; height:700px;}

.openList {overflow:hidden}
.openList li {padding-left:15px; background:url('/assets/eng/images/wvCommon/pointer01.png') no-repeat 5px 7px; font-size:13px; line-height:20px;; margin-bottom:8px}
.openList li strong {display:block;}

.routeBox {overflow:hidden}
.routeBox li {float:left; width: 32%; margin-right:2%; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc; margin-bottom:6px; font-size:12px; padding:6px 8px 2px;}
.routeBox li:nth-child(3n+0){margin-right:0;}
/*
.history {overflow:hidden;}
.history dl {float:left; width:107px; background:url('/assets/eng/images/sub/history_line.png') no-repeat 15px 30px; }
.history dl:last-child {background:none}
.history dl dt { background:url('/assets/eng/images/sub/history_icon.png') no-repeat 0 23px; padding-bottom:30px; font-size:18px; color:#00609f; font-weight:bold}
.history dl dd {font-size:13px; line-height:18px; padding-left:4px; margin-bottom:20px}
.history dl dd strong {display:block; color:#6e6e6e; margin-bottom:5px}
*/
.edugoal {overflow:hidden; margin:50px 0;}
.edugoal .title {display:block; width:276px; height:144px; margin:0 auto; background:url('/assets/eng/images/sub/bg_goal01.png') no-repeat 50% 0; color:#FFF; text-align:center; padding-top:32px; font-size:13px}
.edugoal .title strong {font-size:18px; display:block;}
.edugoal .goal_list {width:670px; margin:0 auto; background:url('/assets/eng/images/sub/bg_goal03.png') no-repeat 50% 50px;}
.edugoal .goal_list dt {width:496px; height:110px; margin:0 auto; text-align:center; background:url('/assets/eng/images/sub/bg_goal02.png') no-repeat 50% 0; padding-top:22px; font-size:14px}
.edugoal .goal_list dt strong {display:block; font-size:20px; margin-bottom:4px}
.edugoal .goal_list dd {overflow:hidden; margin-left:27px}
.edugoal .goal_list dd p {float:left; width:122px; margin-left:44px; padding-top:132px; text-align:center; line-height:18px}
.edugoal .goal_list dd p:first-child {margin-left:0}
.edugoal .goal_list dd p.icon1 {background:url('/assets/eng/images/sub/icon_goal01.png') no-repeat 50% 0;}
.edugoal .goal_list dd p.icon2 {background:url('/assets/eng/images/sub/icon_goal02.png') no-repeat 50% 0;}
.edugoal .goal_list dd p.icon3 {background:url('/assets/eng/images/sub/icon_goal03.png') no-repeat 50% 0;}
.edugoal .goal_list dd p.icon4 {background:url('/assets/eng/images/sub/icon_goal04.png') no-repeat 50% 0;}

.eduproject {overflow:hidden; border-bottom:1px solid #e8e8e8}
.eduproject dl {float:left; width:375px; min-height:180px; padding:46px 5px 30px 140px;  box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #e8e8e8}
.eduproject dl.icon1{background:url('/assets/eng/images/sub/icon_goal05.png') no-repeat 25px 50%;}
.eduproject dl.icon2{background:url('/assets/eng/images/sub/icon_goal06.png') no-repeat 25px 50%;}
.eduproject dl.icon3{background:url('/assets/eng/images/sub/icon_goal07.png') no-repeat 25px 50%;}
.eduproject dl.icon4{background:url('/assets/eng/images/sub/icon_goal08.png') no-repeat 25px 50%;}
.eduproject dt {line-height:18px; font-size:15px; margin-bottom:10px; font-weight:bold}
.eduproject dd {font-size:13px; line-height:18px; background: url(/assets/eng/images/wvCommon/pointer01.png) no-repeat 0 6px; padding-left:6px}

.scope label {display:inline-block;width:70px;height:29px;font-size:12px;color:#000;font-weight:bold;line-height:28px;}
.scope input[type="text"] {height:27px;font-size:13px;color:#000;line-height:21px;border:1px solid #ccc;vertical-align:top;}

.organization {overflow:hidden; margin-bottom:40px;}
.organization dl {text-align:center; margin:0 auto; background:url('/assets/eng/images/sub/organization_bg.png') no-repeat 50% 135px; height:185px;}
.organization dl dt {width:122px; height:122px; border-radius:50%; background:#4e75da; color:#FFF; margin:0 auto; font-size: 18px; line-height:120px;}
.organization dl dd {overflow:hidden; float:left; width:200px; padding-top:80px; text-align:center; margin-left:70px}
.organization dl dd:last-child {margin-left:140px; width:340px;}
.organization dl dd p.org01 {width:122px; height:122px; border-radius:50%; background:#85aeda; color:#FFF; margin:0 auto; font-size: 18px; line-height:121px;}
.organization dl dd p.org02 {width:122px; height:122px; border-radius:50%; background:#6ebfdd; color:#FFF; margin:0 auto; font-size: 18px; line-height:121px;}
.organization dl dd span {display:block; margin-top:20px; font-size:14px; line-height:20px;}

.ledgers {overflow:hidden;}
.ledgers li {float:left; width:365px; border:1px solid #dadada; padding:20px 15px; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:18px}
.ledgers li:nth-child(2n+1) {margin-right:20px;}
.ledgers li img {float:left}
.ledgers li dl{float:left; padding:20px 0 0 23px;}
.ledgers li dl dt {background:url('/assets/eng/images/sub/ledger_topline.png') no-repeat 0 0; padding-top:8px; color:#29498c; display:block; font-weight:bold; font-size:18px; margin-bottom:35px;}
.ledgers li dl dd strong {color:#333; font-size:16px; display:block;}
.ledgers li dl dd {font-size:12px; line-height:20px}

/* FAQ */
.faq {overflow:hidden; border-top:1px solid #575757; border-bottom:2px solid #575757;}
.faq .faq_list {overflow:hidden;}
.faq .faq_list > dl {overflow:hidden;}
.faq .faq_list > dl dt {padding:15px 30px 15px 10px; background:url('/assets/eng/images/sub/agree_arrowdown.png') no-repeat 95% 50%; background-size:16px auto; border-bottom:1px solid #d7d7d7 }
.faq .faq_list > dl.on dt {background:url('/assets/eng/images/sub/agree_arrowup.png') no-repeat 95% 50%; background-size:16px auto;}
.faq .faq_list > dl dt strong {display:block; padding-left:40px; padding-top:3px; color:#000; font-size:14px; background:url('/assets/eng/images/sub/bullet_quest.png') no-repeat 0 50%; background-size:24px auto;}
.faq .faq_list > dl dd {display:none; padding:15px 10px 15px 50px; font-size:14px; border-bottom:1px solid #e3e3e3; background:url('/assets/eng/images/sub/bullet_answer.png') no-repeat 10px 15px #f9f9f9; background-size:24px auto;}
.faq .faq_list > dl dd p {margin:0}
.faq .faq_list > dl dd > br {display:none}
.faq .faq_list > dl dd.files {background:url('/assets/eng/images/sub/bullet_file.png') no-repeat 32px 14px #f9f9f9; background-size:24px auto;}
.faq .faq_list > dl dd.files > ul {overflow:hidden;}
.faq .faq_list > dl dd.files > div > ul > li  > a:hover {color:#10a0ea;}
.faq .faq_list > dl.on dd {display:block;}

/* 占쎈낀占� */
.InputareaBox {background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; font-size:13px; padding:10px 0 0;}
.InputareaBox  h5 {padding:0 20px}
.InputareaBox .esti_txt {border:1px solid #ccc; overflow:hidden; margin:0 20px}
.InputareaBox .esti_txt  textarea  {width:99%; height:100%; background-color:#fff; border:0px; }
.InputareaBox .buttonbox {text-align:right; padding:10px 20px}
.InputareaBox div span {display:block; margin-bottom:6px; padding:0 20px}
.InputareaBox div span label {display:inline-block; width:68px;}
.InputareaBox div span i {font-size:10px; margin-left:2px;}
.InputareaBox .star {display:block; margin-bottom:6px; padding:0 20px}
.InputareaBox .star label {display:inline-block; width:68px;}
.InputareaBox .star label i {font-size:10px; margin-left:2px;}
.InputareaBox .star input {margin:0;}
/* star-rating */
.star-rating {display:inline-block; position:relative; top:4px; left:4px; width:92px;height:15px;background:url('/assets/eng/images/sub/star_rating.png') no-repeat 0 -16px;text-align:left; margin-right:10px}
.star-rating i {display:inline-block; height:15px;text-indent:-9999px;background:url('/assets/eng/images/sub/star_rating.png') no-repeat 0 0;text-align:left}

.replyBox {background-color:#FFF; border-top:1px solid #ccc;  font-size:13px;}
.replyBox .replies {overflow:hidden}
.replyBox .replies li {position:relative;margin:0 20px; padding:22px 0; border-bottom:1px dashed #e1e1e1}
.replyBox .replies li:last-child {border-bottom:none;}
.replyBox .replies li dl{position:relative; }
.replyBox .replies li dl dt {font-weight:800; font-size:15px;}
.replyBox .replies li dl dt label {display:inline-block; margin-right:8px;}
.replyBox .replies li dl dt span {display:inline-block; margin:0; padding:0;}
.replyBox .replies li dl dt i {margin-left:0;}
.replyBox .replies li dl dd {width:80%; font-size:14px; line-height:18px}
.replyBox .replies li dl dd.date {color:#666; margin-bottom:4px}
.replyBox .replies li p {position:absolute; right:0; bottom:-5px}
.replyBox .replies li p button.btmodify {background:url('/assets/eng/images/sub/btns_modify.png') no-repeat; width:28px; height:28px;}
.replyBox .replies li p button.btdel {background:url('/assets/eng/images/sub/btns_delete.png') no-repeat; width:28px; height:28px;}
.replyBox .replies li p button.btreply {background:url('/assets/eng/images/sub/btns_compose.png') no-repeat; width:28px; height:28px;}
/* star-rating */
.personal-star {display:inline-block; position:relative; top:4px; width:71px;height:12px;background:url('/assets/eng/images/sub/sm_star_rating.png') no-repeat 0 -11px;text-align:left; }
.personal-star i {display:inline-block; height:12px;text-indent:-9999px;background:url('/assets/eng/images/sub/sm_star_rating.png') no-repeat 0 0;text-align:left}


/********************************************************************************************************************************************************

湲곗〈HRD CSS 異붽�

 ********************************************************************************************************************************************************/
.message {background:url('/assets/eng/images/sub/introduce/img_message01.jpg') no-repeat top right; padding-top:50px; font-size:14px; line-height:22px;}
.message .txt {padding:40px 0 0 30px;}
.message .txt p.list_01 {width:360px;}
.intro-vision {padding-top:50px;}
.intro-vision p {text-align:center; display:block; margin-bottom:20px; width:707px; margin-left:20px; }
.history::after {content: ""; display: block; clear: both;}
.history .year {background:url('/assets/eng/images/sub/introduce/img_history01.jpg') no-repeat top left; width:745px; height:224px; position:relative;}
.history .year p.start {position:absolute; top:36px; left:47px; font-size:35px; color:#fff;letter-spacing:-2px;}
.history .year p.end {position:absolute; top:60px; left:115px; font-size:45px; color:#fff; letter-spacing:-2px;}
.history dl {float:left;margin-left:127px; padding-top:13px; padding-bottom:30px; width:618px; background:url('/assets/eng/images/sub/introduce/bg_history01.gif') repeat-y top left;}
.history dl dt { float:left;padding-left:72px; background:url('/assets/eng/images/sub/introduce/img_history02.gif') no-repeat 1px 3px; color:#626262; font-weight:bold; width:90px; line-height:18px; font-size:14px;}
.history dl dd { float:left; line-height:18px; font-size:14px; padding-bottom:30px; width:456px;}

.intro-contactus .contents h5 {color:#29498c; font-weight:bold; font-size:16px}
.intro-contactus .traffic-car h5 em {display:inline-block; width:19px; height:18px; margin-right:8px; background:url('/assets/eng/images/sub/icon_num.gif') no-repeat 0 0; color:#fff; text-align:center; font-size:14px; line-height:16px}
.intro-contactus .traffic-car .txtbox {margin:10px 0 30px 27px; font-size:12px; line-height:130%}
.intro-contactus .traffic-car .mapbox {margin:0px 0 30px 14px;}

.course h5 {font-weight:400; font-size:20px; margin:20px 0px;}
.course .txt {font-size:13px; line-height:18px;}
.course .txt p {padding:5px 5px 0 10px; background:url('/assets/eng/images/sub/icon_list_08.gif') no-repeat 0 12px; font-size:13px; margin:0 0 6px}
.course .txt p.top {padding:0px 5px 20px 10px; background:url('/assets/eng/images/icon/icon_list_08.gif') no-repeat 0 7px;}
.course dl {clear:both; overflow:hidden; border-bottom:1px solid #29498c; font-size:12px; margin-bottom:10px;}
.course dl dt {float:left; width:150px;  background:url('/assets/eng/images/sub/icon_list_08.gif') no-repeat 5px 12px; color:#1ea0ae; font-weight:bold; padding:5px 0 5px 15px; line-height:18px; border-top:1px solid #e1e1e1; }
.course dl dt strong {display:block; margin-top:10px; color:#29498c; font-size:13px}
.course dl dd {float:none; overflow:hidden; padding:5px 15px 5px 18px; line-height:18px; color:#3d3d3d; font-size:13px; word-spacing:-1px;border-top:1px solid #e1e1e1;}
.course dl dd p {padding:0 0 0 11px; background:url('/assets/eng/images/sub/icon_list_11.gif') 0 7px no-repeat; font-size:13px; margin:0 0 4px}
.course dl dd em {color:#777}
.course dl dd strong {display:block; font-weight:normal; color:#ff6600}
.course dl.rule_01 {background:#fafafa}
.course dl.rule_01 dt {height:130px; padding-top:40px; background:#fff}
.course dl.rule_02 dt {height:150px; background:#f3f9fc}
.course dl.rule_02 dd {padding-top:16px}
.course .info {color:#29498c; margin-top:10px; font-size:12px;}
.course .hiddencontents .listwrap > div{font-size:13px; line-height:160%;}

table.databoard {clear:both; width:100%; font-size:13px}
table.databoard thead th {height:36px; background:url('/assets/eng/images/sub/eduguide/bg_headerline_01.gif') repeat-x 0 0; border-top:2px solid #969ca3; color:#03204b}
table.databoard thead tr.score th {background:#f7f7f7; color:#3d3d3d}
table.databoard thead tr.score th.blank {border-left:1px solid #dbdbdb}
table.databoard tbody th {background:#eaf0f7; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; color:#777}
table.databoard tbody td {padding:11px 0 11px 12px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; color:#3d3d3d; line-height:16px}
table.databoard tbody td.section {padding-left:0; text-align:center; font-weight:bold}
table.databoard tbody td.alc {padding-left:0; text-align:center}
table.databoard tbody td.bg {background:#fafafa; font-weight:bold;}
table.databoard tbody td.time {text-align:center; border-left:1px solid #dbdbdb;padding-left:0;}
table.databoard tbody td.fc_01 {color:#ff3800}
table.databoard tbody td.fc_02 {color:#00b2b4}
table.databoard tbody td.fc_03 {color:#2163e6}
table.databoard tbody td input[type="text"] {width:90%}
table.databoard tbody td select {width:50%; padding: 0; text-indent: 5px;}
table.databoard .br0 {border-right:0}

@media print {
    .contentLayout {
        margin: 0px 0px 0px 0px !important;
    }
}

@media all and (min-width:641px) and (max-width:1000px) {/* tablets */

    /* tabbox*/
    .tabBox ul li a span {padding:5px 0px;}

    /* search */
    .sText {display:block; clear:both;}


    /* button */
    .buttonGroup {display:block; clear:both; margin:5px 0px;}


    .bodyLayout {margin:100px 20px 0}

    .message {background:none;}
    .message img {width:100%}
    .intro-vision p {margin:0 0 20px 0; width:100%}
    .intro-vision img {width:100%}

}

@media all and (max-width:640px) {/* phones */
    .mobileH {display:none;}
    .mobileS {display:block;}

    /* tabbox*/
    .tabBox ul li a span {min-height:35px;}

    /* search */
    .searchBox {padding:0px 0px 30px;}
    .searchBox ul {display:inline-block; width:100%; border-bottom:0px;}
    .searchBox ul li {position:relative; display:block; width:100%; border-bottom:1px solid #dadada; padding:0px; margin:10px 0px;}
    .sLable_s {position:absolute; left:10px; top:0px; height:auto; font-size:14px; font-weight:400; border:0px;
        background-color:transparent; padding:0px; text-align:left;}
    .sInput {display:block; padding:25px 10px 10px 10px;}
    .sText {display:block; font-size:13px; }
    .searchBu {bottom:6px; padding:5px 0px; left:50%; margin-left:-45%; width:90%; font-size:14px;}
    .searchBu span {vertical-align:1px;}
    .searchCenter .searchBu {position:absolute}

    /* table */

    /* paging */

    .pagination .num {border:1px solid #c1c1c1; vertical-align:middle;}
    .pagination .arrow {width:25px; height:25px; line-height: 25px; border:1px solid #c1c1c1;  vertical-align:middle;}

    /* button */
    .buttonGroup {display:block; clear:both; margin:5px 0px;}

}