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

************************************************** */
#wrap * {
    box-sizing: border-box;
}

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

************************************************** */
.addr {
    width: 100%;
}

.tb_brd_write select {
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px;
    outline: none;
    width: 100%;
    color: #000;
}

.tb_brd_write input[type=radio] {
    height: 25px;
    border: 1px solid #ddd;
    padding: 0 10px;
    outline: none;
    width: 15px;
    color: #000;
}

.tb_brd_write input[type=checkbox] {
    height: 25px;
    border: 1px solid #ddd;
    padding: 0 10px;
    outline: none;
    width: 15px;
    color: #000;
}

form {
    margin: 0;
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
}

td, table {
    font-size: 1rem;
    line-height: 160%;
}

.file_box {
    display: flex !important;
    flex-direction: column;
}

.form_file_box {
    display: flex !important;
    flex-direction: row;
    gap: 5px;
}

.file_box input[type=button] {
    width: 150px;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 42px;
}

.un {
    background-color: #e8e8e8;
}

select {
    font-size: 16px;
    color: #666666;
    border: 0px solid #ddd0;
    background-color: #ffffff00;
    padding: 10px 20px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.tb_select {
    width: 250px;
    border: 1px solid #d4d4d4;
    height: 42px;
}

.input {
    border: 0px;
    font-size: 13px;
    color: #545454;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    padding: 8px 4px;
}

.search_input {
    font-size: 13px;
    color: #555;
    /* border: #d4d4d4 1px solid; */
    background-color: #ffffff;
}

.textarea {
    font-size: 13px;
    color: #666666;
    border: 1px solid #ddd;
    line-height: 160%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#hpShow select {
    font-size: 16px;
    color: #666666;
    border: 1px solid #ddd;
    background-color: #ffffff;
    padding: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#phpShow select {
    font-size: 16px;
    color: #666666;
    border: 1px solid #ddd;
    background-color: #ffffff;
    padding: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.v_tit1 {
    font-size: 18px;
    padding: 15px;
}

.sa_ti {
    padding: 15px;
    border-left: 5px solid var(--jw_point);
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px;
    background-color: #edf8ff;
    font-weight: 900;
    color: #000;
}

.btn_c {
    margin: auto;
    width: 215px;
    background-color: var(--jw_point);
    color: #fff;
    padding: 21px;
    text-align: center;
    margin-top: 30px;
}

.btn_c1 {
    margin: auto;
    width: 147px;
    background-color: #ababab;
    color: #fff;
    padding: 12px;
    text-align: center;
    margin-top: 30px;
}

input[type="text"], input[type="button"], input[type="password"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    /* height: 46px; */
}


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

************************************************** */
.btn_w {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #666;
    font-weight: 400;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_w:hover {
    opacity: 0.6;
}



.btn_wb {
    display: inline-block;
    background: #fff;
    text-align: center;
    font-weight: 400;
    border: 1px solid var(--jw_point);
    color: var(--jw_point) !important;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_ag {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #000;
    font-weight: 400;
    border: 1px solid #000;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_b {
    display: inline-block;
    background: var(--jw_point);
    color: #fff !important;
    /* border-color: #000; */
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_b2 {
    display: inline-block;
    background: #000;
    border-color: #000;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_b2:hover {
    background-color: #000;
}

.btn_g {
    display: inline-block;
    background: #6b6b6b;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_g:hover {
    background-color: #555;
}

.btn_i {
    display: inline-block;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_i:hover {
    background-color: #000;
    border-color: #000;
}

.btn_blue {
    display: inline-block;
    background: #000;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.btn_blue:hover {
    background-color: #1349bd;
}

.btn_red {
    display: inline-block;
    background: #6b6b6b;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 0.938rem;
    transition: all .3s linear;
}

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

************************************************** */
input.input_login {
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    padding: 0 12px;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    box-sizing: Border-box;
}

input.input_idpw {
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    padding: 0 12px;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    box-sizing: Border-box;
}

input[type=checkbox] {
    accent-color: var(--jw_point);
    width: 20px;
    height: 20px;
    margin: 0;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
    margin: -4px 4px 0 0;
}

input[type=radio] {
    width: 16px;
    height: 16px;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    margin: -4px 0 0 0;
}

label {
    cursor: pointer;
}

label {
    margin-right: 1.5rem;
}

label:last-of-type {
    margin: 0;
}

input.input_num {
    width: 73px;
}

input.input_date {
    width: 68px;
}

input.input_id {
    width: 180px;
}

input.input_resno {
    width: 132px;
}

input.input_s {
    width: 125px;
}

input.input_s1 {
    width: 180px;
}

input.input_m {
    width: 280px;
}

input.input_l {
    width: 500px;
}

input.input_file {
    border: 1px solid #d0d0d0;
    padding: 0 10px;
    height: 50px;
    line-height: 48px;
    width: 50%;
    background: none;
    box-sizing: border-box;
}

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

************************************************** */
.bpad_5 {
    padding-bottom: 5px;
}

.bpad_10 {
    padding-bottom: 10px;
}

.bpad_15 {
    padding-bottom: 15px;
}

.bpad_20 {
    padding-bottom: 20px;
}

.bpad_30 {
    padding-bottom: 30px;
}

.bpad_40 {
    padding-bottom: 40px;
}

.bpad_50 {
    padding-bottom: 50px;
}

.rpad_3 {
    padding-right: 3px;
}

.rpad_5 {
    padding-right: 5px;
}

.rpad_10 {
    padding-right: 10px;
}

.rpad_15 {
    padding-right: 15px;
}

.rpad_20 {
    padding-right: 20px;
}

.rpad_30 {
    padding-right: 30px;
}

.tmar_15 {
    margin-top: 30px !important;
}

.bmar_30 {
    margin-bottom: 30px;
}

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

************************************************** */
#login_box {
    position: relative;
    margin: 0 auto;
    width: 578px;
    padding: 60px 0;
    border: 1px solid #ddd;
}

#login_box h2 {
    color: #333;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
}

#login_box h2 span {
    font-size: 13px;
    color: 666;
    font-weight: 500;
    margin-left: 15px;
}

#login_box>div {
    margin: 0 auto;
    width: 470px;
}

#login_box .login {}

#login_box dl {
    position: relative;
}

#login_box dt {
    position: absolute;
    top: 0;
    right: 0;
    width: 158px;
}

#login_box .btn_b {
    display: inline-block;
    width: 158px;
    height: 103px;
    line-height: 103px;
    cursor: pointer;
}

#login_box .btn_b {
    background-color: var(--jw_point);
}

#login_box dd {
    width: 295px;
    margin-bottom: 11px;
}

#login_box dd label {
    width: 100%;
}

#login_box dd .input_login {
    width: 100%;
}

#login_box .login_input input.btn_b {
    font-size: 16px;
}

#login_box .login_checkbox {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#login_box .member_btn {
    margin-bottom: 30px;
}

#login_box .member_btn a:link, #login_box .member_btn a:visited {
    display: inline-block;
    margin-right: 10px;
    height: 44px;
    line-height: 44px;
}

#login_box .member_btn a:last-child {
    width: 306px;
    margin-right: 0;
}

#login_box .member_btn .btn_g:link, #login_box .member_btn .btn_g:visited {
    width: 149px;
    color: #fff !important;
}

#login_box .sns_login {
    text-align: right;
    color: #333;
    font-weight: 600;
    margin-bottom: 35px;
}

#login_box .sns_login img {
    margin-left: 3px;
    vertical-align: middle;
}

#login_box .login_order {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px dashed #ccc;
}

#login_box .login_order .btn_wb {
    display: block;
    width: 100%;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
}

#login_box .login_order p {
    background: url(' /images/user/icon_info.gif') left 4px no-repeat;
    padding-left: 20px;
    color: #999;
    font-size: 12px;
    letter-spacing: -0.5pt;
    margin-top: 20px;
}

#login_box .login_orderlist {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px dashed #ccc;
}



#id_box p.mem_txt {
    padding-bottom: 20px;
    color: #888;
}

#id_box h2 {
    color: #333;
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 500;
}

#id_box>div {
    margin: 0 auto;
    width: 470px;
}

#id_box dl {
    position: relative;
}

#id_box dt {
    position: absolute;
    top: 0;
    right: 0;
    width: 158px;
}

#id_box .btn_i {
    display: inline-block;
    width: 158px;
    height: 87px;
    line-height: 87px;
}

#id_box .btn_p {
    display: inline-block;
    width: 158px;
    height: 136px;
    line-height: 87px;
}

#id_box dd {
    width: 295px;
    margin-bottom: 11px;
}

#id_box dd .input_idpw {
    width: 270px;
}

#id_box .idpw_check {
    padding-top: 10px;
    letter-spacing: -0.3pt;
}

#id_box strong {
    font-weight: 600;
    color: #333;
    display: inline-block;
    padding-right: 25px;
}

#id_box .id_search .btn_b {
    width: 158px;
    height: 87px;
    line-height: 87px;
    font-size: 16px;
    cursor: pointer;
}

#id_box .pw_search .btn_b {
    width: 158px;
    height: 136px;
    line-height: 136px;
    font-size: 16px;
    cursor: pointer;
}

.login_social {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    align-items: center;
}

.login_social hr {
    position: relative;
    bottom: -8px;
    display: block;
    margin: 0;
    width: 100%;
    height: 1px;
    background-color: #f1f3f5;
    border: none;
}

.login_social_tit {
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #abb0b5;
    z-index: 1;
    background-color: #fff;
}

.login_social_btn {
    overflow: visible;
    position: relative;
    height: auto;
    margin-top: 0;
}

.login_social_btn ul {
    margin-left: -24px;
}

.login_social_btn ul li {
    display: inline-flex;
    position: relative;
    margin: 24px 0 0 24px;
}

.login_social_btn ul li a {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.login_social_btn ul li a img {
    width: 100%;
    height: 100%;
    font-size: 10px;
}

.bg_kakao {
    justify-content: center;
    align-items: center;
    background-color: #fee500;
}

.bg_naver {
    justify-content: center;
    align-items: center;
    background-color: #03c75a;
}

.bg_google {
    justify-content: center;
    align-items: center;
    text-align-last: center;
    background-color: #f8f8f8;
}

.bg_google>img {
    width: 55% !important;
}

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

************************************************** */
.id_search_new {
    position: relative;
    width: 580px;
    margin: 0 auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
}

.id_search_new .id_tab {
    position: relative;
    overflow: hidden;
}

.id_search_new .id_tab li {
    float: left;
    width: 50%;
    text-align: center;
}

.id_search_new .id_tab li a {
    display: block;
    font-size: 20px;
    padding: 20px 0;
    letter-spacing: -0.5pt;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #f9f9f9;
    color: #888;
}

.id_search_new .id_tab li a.tab_up {
    border-bottom: 1px solid #fff;
    color: #333;
    background: #fff;
}

.id_search_new .id_tab li:first-child a {
    border-left: 0;
}

.id_search_new_in {
    position: relative;
    padding: 50px 0;
}

.id_search_new .idpw_select {
    position: relative;
    width: 470px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.id_search_new .login_input {
    position: relative;
    width: 470px;
    margin: 0 auto;
}

.id_search_new .login_input dt {
    position: absolute;
    width: 100%;
}

.id_search_new .login_input .btn_b {
    display: inline-block;
    width: 100%;
    height: 51px;
    cursor: pointer;
}

.id_search_new .login_input .btn_b2 {
    display: inline-block;
    width: 158px;
    height: 46px;
    cursor: pointer;
}

.id_search_new .login_input dd {
    width: 100%;
    margin-bottom: 8px;
}

.id_search_new .login_input dd .input_login {
    width: 100%;
}

.id_search_new .login_input dd .input_hp {
    width: 81px;
    height: 46px;
}

.id_search_new .login_input dd .input_hp4 {
    width: 107px;
    height: 46px;
}

.id_search_new .login_input dd .input_hp2 {
    width: calc(48.9% - 105px);
}

.id_search_new .login_input dd .input_hp3 {
    width: calc(48.9% - 63px);
}

.id_search_new .login_input dd span {
    display: inline-block;
    text-align: center;
    width: 12px;
}

.id_search_new .login_input input.btn_b {
    font-size: 16px;
    background-color: var(--jw_point);
}

.id_search_new .login_input input.btn_b2 {
    font-size: 16px;
}


.id_search_new .login_input2 {
    position: relative;
    width: 470px;
    margin: 0 auto;
}

.id_search_new .login_input2 dt {}

.id_search_new .login_input2 .btn_b {
    display: inline-block;
    width: 158px;
    height: 87px;
    line-height: 87px;
    cursor: pointer;
}

.id_search_new .login_input2 dd {
    position: relative;
    width: 470px;
    margin-bottom: 8px;
}

.id_search_new .login_input2 dd .input_login {
    width: 100%;
    box-sizing: border-box;
}

.id_search_new .login_input2 dd .input_login2 {
    width: 355px;
    box-sizing: border-box;
}

.id_search_new .login_input2 dd .input_hp {
    width: 102px;
}

.id_search_new .login_input2 dd .input_hp2 {
    width: 112px;
}

.id_search_new .login_input2 dd span {
    display: inline-block;
    text-align: center;
    width: 13px;
}

.id_search_new .login_input2 dd .btn_w {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 44px;
    padding: 0 15px;
    width: 106px;
    font-size: 13px;
}

.id_search_new .login_input2 input.btn_b {
    width: 100%;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    box-sizing: border-box;
}

.id_search_new_result {
    position: relative;
    padding: 50px 0;
    text-align: center;
}

.id_search_new_result h4 {
    font-size: 20px;
    color: #222;
    letter-spacing: -0.5pt;
    font-weight: normal;
    line-height: 130%;
    word-break: keep-all;
    margin-bottom: 30px;
}

.id_search_new_result p.id_txt {
    font-size: 20px;
    color: #222;
    font-weight: bold;
    color: #dc1616;
    line-height: 100%;
    padding: 15px 0 25px 0;
}

.id_search_new_result p.id_txt span.date {
    font-size: 13px;
    font-weight: normal;
    color: #888;
    line-height: 100%;
}

.id_search_new_result dl.send_txt {
    text-align: left;
    width: 400px;
    margin: 0 auto 30px auto;
}

.id_search_new_result dl.send_txt dd {
    position: relative;
    line-height: 38px;
    font-size: 15px;
    color: #222;
}

.id_search_new_result dl.send_txt dd span.tit {
    display: inline-block;
    line-height: 38px;
    width: 80px;
    color: #888;
}

.id_search_new_result dl.send_txt dd .btn_w {
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 34px;
    padding: 0 15px;
}

.id_search_new_result .btn .btn_wb {
    width: 201px;
    height: 55px;
    line-height: 52px;
    cursor: pointer;
}

.id_search_new_result .btn .btn_b {
    width: 201px;
    height: 55px;
    line-height: 52px;
    cursor: pointer;
}

.btn_wb:hover,
.btn_b:hover {
    opacity: 0.8;
}

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

************************************************** */
#joinType {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px 0;
}

#joinType dl {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 25px 0 30px 0;
}

#joinType dl.type2 {
    border-left: 1px dashed #ddd;
}

#joinType dl dd a {
    display: block;
    width: 203px;
    line-height: 55px;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: -0.5pt;
    color: #fff;
    font-weight: 600;
}

#joinType dl.type1 dd a {
    background-color: #3e3d3c;
}

#joinType dl.type1 dd a:hover {
    background-color: #000;
}

#joinType dl.type2 dd a {
    text-align: left;
    padding: 0 0 0 50px;
    box-sizing: border-box;
    margin-bottom: 2px;
}

#joinType dl.type2 dd .face {
    background: #3e559a url(' /images/user/join_facebook.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .face:hover {
    background: #334b92 url(' /images/user/join_facebook.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .twitter {
    background: #34aee1 url(' /images/user/join_twitter.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .twitter:hover {
    background: #1ba2da url(' /images/user/join_twitter.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .kakao {
    background: #f8e910 url(' /images/user/join_kakao.gif') 22px 19px no-repeat;
    color: #493433;
}

#joinType dl.type2 dd .kakao:hover {
    background: #e5d600 url(' /images/user/join_kakao.gif') 22px 19px no-repeat;
    color: #493433;
}

#joinType dl.type2 dd .naver {
    background: #2db400 url(' /images/user/join_naver.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .naver:hover {
    background: #28a000 url(' /images/user/join_naver.gif') 22px 19px no-repeat;
}

#joinType dl.type2 dd .google {
    background: #fff url(' /images/user/join_google.gif') 22px 19px no-repeat;
    color: #666;
    border: 1px solid #ddd;
}

#joinType dl.type2 dd .google:hover {
    background: #f9f9f9 url(' /images/user/join_google.gif') 22px 19px no-repeat;
}

#joinType dt {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.5pt;
    font-weight: 600;
}

#joinType dt p {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.5pt;
    font-weight: 100;
    padding-bottom: 25px;
}

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

************************************************** */
.cont_view:has(#join_input) {
    display: flex;
    justify-content: center;
}

.cont_view > #join_input {
    width: 80%;
}

#joinAgree {}

#joinAgree label {
    color: #333;
}

#joinAgree label .red {
    background-color: #fff;
    color: #f00000;
    font-size: 12pt;
    font-weight: 400;
    margin-left: 5px;
}

#joinAgree label .grey {
    color: #999;
    font-size: 12pt;
    font-weight: 400;
    margin-left: 5px;
}

#joinAgree form>div {
    margin-bottom: 30px;
}

#joinAgree .agreeAll {
    margin-bottom: 20px;
}

#joinAgree .agreeAll span {
    font-size: 16px;
    font-weight: 600;
}

#joinAgree textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 100%;
    box-sizing: Border-box;
    padding: 15px;
    letter-spacing: -0.3pt;
    margin: 10px 0;
    height: 350px;
    overflow: auto;
    resize: none;
}

#joinAgree .agreePrivacy {}

#joinAgree .btn {
    text-align: center;
}

#joinAgree .btn input[type=button], #joinAgree .btn button {
    max-width: 201px;
    height: 64px;
    cursor: pointer;
    width: 46%;
    box-sizing: border-box;
}

#joinAgree .nameCheck {
    border: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 30px;
}

#joinAgree .nameCheck h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 13px 13px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px;
    color: #333;
}

#joinAgree .nameCheck dl {
    margin: 20px auto;
    width: 50%;
}

#joinAgree .nameCheck dt, #joinAgree .nameCheck dd {
    margin-bottom: 5px;
}

#joinAgree .nameCheck span {
    display: inline-block;
    width: 85px;
    font-weight: 600;
    color: #333;
}

#joinAgree .nameCheck input[type=text] {
    padding: 0 8px;
}


.joinAgree {}

.joinAgree label {
    color: #333;
}

.joinAgree label .red {
    background-color: #fff;
    color: #f00000;
    font-size: 12pt;
    font-weight: 400;
    margin-left: 5px;
}

.joinAgree label .grey {
    color: #999;
    font-size: 12pt;
    font-weight: 400;
    margin-left: 5px;
}

.joinAgree form>div {
    margin-bottom: 30px;
}

.joinAgree .agreeAll {
    margin-bottom: 20px;
}

.joinAgree .agreeAll span {
    font-size: 16px;
    font-weight: 600;
}

.joinAgree textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 100%;
    box-sizing: Border-box;
    padding: 15px;
    letter-spacing: -0.3pt;
    margin: 10px 0;
    height: 350px;
    overflow: auto;
    resize: none;
}

.joinAgree .agreePrivacy {}

.joinAgree .btn {
    text-align: center;
}

.joinAgree .btn input[type=button], .joinAgree .btn button {
    max-width: 201px;
    height: 64px;
    cursor: pointer;
    width: 46%;
    box-sizing: border-box;
}

.joinAgree .nameCheck {
    border: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 30px;
}

.joinAgree .nameCheck h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 13px 13px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px;
    color: #333;
}

.joinAgree .nameCheck dl {
    margin: 20px auto;
    width: 50%;
}

.joinAgree .nameCheck dt, .joinAgree .nameCheck dd {
    margin-bottom: 5px;
}

.joinAgree .nameCheck span {
    display: inline-block;
    width: 85px;
    font-weight: 600;
    color: #333;
}

.joinAgree .nameCheck input[type=text] {
    padding: 0 8px;
}
/* **************************************************

************************************************** */
.mem_level {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background: #f5f5f5;
    padding: 25px 20px;
}

.mem_level ul {
    overflow: hidden;
    float: right;
}

.mem_level li {
    float: left;
    padding: 0 20px 0 15px;
    background: url(/images/user/mem_arrow.png)no-repeat right center/6px auto;
    text-align: center;
    font-size: 1rem;
}

.mem_level li:last-child {
    background: none !important;
    padding-right: 0;
}

.mem_level li span {
    font-size: 13px;
    font-weight: 600;
    color: #777;
    font-family: var(--engFont);
}

.mem_level li.hover {
    color: #000;
    background: url(/images/user/mem_arrow_up.png)no-repeat right center/6px auto;
    text-align: center;
    font-weight: 600;
}

.mem_level li.hover span {
    font-weight: 600;
    color: #065bba;
    font-family: var(--engFont);
}

.formCmt {
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 20pt;
    font-weight: 600;
    padding: 80px 0;
    background-color: #f5f5f5;
}

.formCmt span {
    font-size: 16pt;
    color: #888;
    font-weight: 300;
}

#join_input {
    width: 100%;
}

#join_input .join_input_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}

#join_input .join_input_tit h4 {
    margin: 0;
}

#join_input .join_input_tit span {
    font-size: 14px;
    line-height: 140%;
    word-break: keep-all;
    color: #888;
    letter-spacing: 0.35pt;
}

#join_input .join_table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0px;
    text-align: left;
}

#join_input .join_table.first {
    border-top: 2px solid #065bba;
}

#join_input .join_table th {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    box-sizing: border-box;
    letter-spacing: -0.35pt;
    color: #333;
    font-weight: 500;
    padding: 20px;
    width: 230px;
}

#join_input .join_table th span {
    display: inline-block;
    font-weight: 700;
    color: #065bba;
}

#join_input .join_table td {
    width: calc(100% - 230px);
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.35pt;
    color: #666;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px;
}

#join_input .join_table td .mem_type {
    font-size: 1rem;
    line-height: 130%;
    letter-spacing: -0.35pt;
    color: #000;
    font-weight: 500;
}

#join_input .join_table td .mem_type strong {
    display: inline-block;
    line-height: 130%;
    font-family: var(--engFont);
    color: #000;
    letter-spacing: 0;
    font-weight: 500;
}

#join_input .join_table .form_sub {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    padding: 8px 0 0;
    line-height: 150%;
    word-break: keep-all;
}

#join_input .join_table .form_sub a {
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-left: 5px;
}

#join_input .join_table .id_wrap, #join_input .join_table .email_wrap, #join_input .join_table .num_wrap, #join_input .join_table .address_wrap {
    font-size: 0;
}

#join_input .join_table .input_txt {
    font-size: 1rem;
    color: #666;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    text-align: center;
}

#join_input .join_table .sub_txt {
    display: block;
    font-size: 0.941rem;
    letter-spacing: -0.35pt;
    line-height: 150%;
    word-break: keep-all;
    color: #777777;
    padding: 7px 0 0;
}

#join_input .join_table .sub_txt a {
    display: inline-block;
    transition: all .3s linear;
    width: 72px;
    height: 27px;
    line-height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 13px;
    color: #999;
    font-weight: 500;
    letter-spacing: -0.5pt;
    margin-left: 5px;
}

#join_input .join_table .sub_txt a:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

#join_input .join_table select {
    height: 50px;
    line-height: 48px;
    font-size: 1rem;
    padding: 0 10px;
    box-sizing: border-box;
    width: 120px;
    margin-left: 5px;
}

#join_input .join_table input[type=text], #join_input .join_table input[type=password] {
    display: inline-block;
    border: 1px solid #ddd;
    color: #666;
    font-size: 1rem;
    padding: 0 12px;
    height: 50px;
    line-height: 48px;
    vertical-align: middle;
    box-sizing: border-box;
    width: 50%;
}

#join_input .join_table input[type=button] {
    border: 1px solid #ddd;
    color: #666;
    background: #fff;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    width: 100px;
    transition: all .3s linear;
    box-sizing: border-box;
    padding: 0;
}

#join_input .join_table input[type=button]:hover {
    border-color: #333;
    background-color: #333;
    color: #fff;
}

#join_input .join_table .num_wrap input {
    display: inline-block;
    width: calc((80% - 40px)/4);
}

#join_input .join_table .num_wrap select {
    display: inline-block;
    width: calc((80% - 40px)/4);
    margin: 0;
}

#join_input .join_table .email_wrap input {
    display: inline-block;
    width: calc((80% - 145px)/2);
}

#join_input .join_table .address_wrap input {
    display: inline-block;
}

#join_input .join_table .address_wrap .add_num {
    width: calc(80% - 105px);
}

#join_input .join_table .address_wrap .address, #join_input .join_table .address_wrap .address_en {
    width: 80%;
    margin: 5px 0 0;
}

#join_input .join_table .birthday_wrap {
    display: flex;
    align-items: center;
    width: 80%;
}

#join_input .join_table .birthday_wrap select {
    margin: 0;
    width: calc((100% - 60px)/3);
}

#join_input .join_table .gender_wrap {}

#join_input .join_table .gender_wrap input[type="radio"] {
    margin: -2px 5px 0 10px;
}

#join_input .join_table .gender_wrap input[type="radio"]:first-child {
    margin-left: 0;
}

#join_input .join_table .form_sub {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0 0;
}

#join_input .join_table .form_sub strong {
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 0 10px 0 0;
}

#join_input .join_table .form_sub label {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.35pt;
    color: #666;
    margin: 0 12px 0 0;
}

#join_input .join_table .norobot_img {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 0;
    background-color: #242b38;
    overflow: hidden;
}

#join_input .join_table .vcode {
    width: calc(80% - 85px) !important;
    margin-left: 5px;
}

#join_input .btn {
    text-align: center;
    padding-top: 30px;
    position: relative;
}

#join_input .btn .btn_wb {
    max-width: 200px;
    height: 64px;
    line-height: 62px;
    cursor: pointer;
    width: 48%;
}

#join_input .btn .btn_b {
    max-width: 200px;
    height: 64px;
    line-height: 64px;
    cursor: pointer;
    width: 48%;
}

#join_input .leaveBtn {
    display: inline-block;
    font-size: 1rem;
    color: #000;
    letter-spacing: -0.5pt;
    line-height: 120%;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 0;
    bottom: 25px;
}

#join_input .leaveBtn:hover {
    color: #000;
    border-color: #000;
}

#pop_search {
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
}

#pop_search h2 {
    position: relative;
    width: 100%;
    background: #5b5e63;
    height: 53px;
    line-height: 53px;
    font-size: 20px;
    text-indent: 15px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}

#pop_search h2 a.pop_close {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    background: url(/images/user/pop_close.gif);
    width: 58px;
    height: 53px;
    text-indent: -22222px;
}

#pop_search p {
    text-align: center;
    padding: 30px 20px 20px;
    box-sizing: border-box;
    font-size: 13px;
    word-break: keep-all;
}

#pop_search p u {
    color: #333;
    font-weight: 600;
}

#pop_search .id_search {
    width: calc(100% - 40px);
    margin: 0 auto;
    background: #f6f6f6;
    padding: 20px;
    box-sizing: border-box;
}

#pop_search .id_search fieldset {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    display: flex;
}

#pop_search .id_search input {
    vertical-align: middle;
}

#pop_search .id_search input[type=text] {
    border: 1px solid #d0d0d0;
    color: #666;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    width: calc(100% - 95px);
    padding: 0 5px;
}

#pop_search .id_search .btn_blue {
    width: 90px;
    height: 36px;
    margin-left: 5px;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
}

#pop_search .id_search .btn_red {
    width: 50px;
    height: 36px;
    cursor: pointer;
    font-size: 13px;
}

#pop_search .id_result {
    text-align: center;
    padding: 20px 0;
}

#pop_search .id_result span {
    display: block;
    padding-bottom: 10px;
}

#pop_search .id_result a:link, #pop_search .id_result a:visited {
    width: 150px;
    color: #333;
    height: 33px;
    line-height: 33px;
    text-decoration: none;
}

#pop_search .t_style .btn_blue {
    width: 91px;
    height: 36px;
    cursor: pointer;
    font-size: 13px;
}

#pop_search .t_style .btn_red {
    width: 50px;
    height: 36px;
    cursor: pointer;
    font-size: 13px;
}

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

************************************************** */
#joinOk {
    text-align: center;
    padding: 60px 0;
    border: 1px solid #ddd;
}

#joinOk h2 {
    font-size: 25px;
    line-height: 140%;
    letter-spacing: -0.75pt;
    word-break: keep-all;
    padding-bottom: 10px;
    font-weight: 500;
    color: #333;
}

#joinOk p {
    font-size: 13px;
    line-height: 160%;
    word-break: keep-all;
    margin: 0 auto 30px auto;
    width: 70%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 25px;
}

#joinOk .btn_b {
    width: 201px;
    height: 55px;
    line-height: 52px;
    margin: 0 auto;
    cursor: pointer;
}

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

************************************************** */
#joinOut {}

#joinOut .join_table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0px;
    border-top: 2px solid #065bba;
}

#joinOut .join_table th {
    color: #333;
    text-align: left;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    width: 230px;
    font-size: 1rem;
    font-weight: 500;
    box-sizing: border-box;
}

#joinOut .join_table th span {
    display: inline-block;
    font-weight: 700;
    color: #065bba;
}

#joinOut .join_table td {
    padding: 20px 15px;
    border-bottom: 1px solid #d9d9d9;
    width: calc(100% - 230px);
    font-size: 1rem;
    box-sizing: border-box;
}

#joinOut .join_table input[type=text] {
    border: 1px solid #d0d0d0;
    color: #666;
    font-size: 1rem;
    height: 50px;
    line-height: 48px;
    vertical-align: middle;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
}

#joinOut .join_table textarea {
    height: 150px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    font-size: 1rem;
    box-sizing: border-box;
}

#joinOut .btn {
    text-align: center;
    padding-top: 30px;
}

#joinOut .btn .btn_wb {
    width: 201px;
    height: 64px;
    line-height: 62px;
    cursor: pointer;
}

#joinOut .btn .btn_b {
    width: 201px;
    height: 64px;
    line-height: 62px;
    cursor: pointer;
}

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

************************************************** */
.mem_division {
    border: 1px solid #ddd;
    border-right: none;
    overflow: hidden;
    clear: both;
}

.mem_division .mem_division_in {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 65px 0;
    min-height: 406px;
}

.mem_division_in h5 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    letter-spacing: -1pt;
}

.mem_division_in p {
    font-size: 15px;
    letter-spacing: -0.75pt;
    color: #858585;
    padding: 3px 0 020px;
}

.mem_division_in a {
    display: block;
    width: 280px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.7pt;
    margin: 0 auto;
    background: #494949;
}

.mem_division_in a.btnFace {
    background: url(' /images/user/mem_btnFace.gif') no-repeat 62px 21px, #395f9f;
    text-align: left;
    text-indent: 91px;
}

.mem_division_in a.btnKakao {
    background: url(' /images/user/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00;
    text-align: left;
    text-indent: 91px;
    color: #61522b;
}

.mem_division_in a.btnNaver {
    background: url(' /images/user/mem_btnNaver.gif') no-repeat 60px 24px, #00c300;
    text-align: left;
    text-indent: 91px;
}

.mem_division_in li {
    margin: 0 0 2px 0;
}

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

************************************************** */
#dormant_pop {
    padding: 50px 40px;
    box-sizing: border-box;
}

#dormant_pop h1 {
    color: #333;
    font-size: 25px;
    letter-spacing: -0.5pt;
    margin-bottom: 20px;
    font-weight: 400;
}

#dormant_pop h1 strong {
    font-weight: 700;
    letter-spacing: -0.5pt;
}

#dormant_pop .dormant_info {
    padding: 20px;
    box-sizing: border-box;
    background: #f6f6f6;
}

#dormant_pop .dormant_info ul {
    overflow: hidden;
}

#dormant_pop .dormant_info li {
    position: relative;
    float: left;
    width: 50%;
    padding: 2px 0;
}

#dormant_pop .dormant_info li span {
    display: inline-block;
    width: 85px;
    color: #999;
}

#dormant_pop .dormant_info li p {
    display: inline-block;
    width: 100%;
    max-width: calc(100% - 85px);
    font-weight: 600;
    color: #444;
}

#dormant_pop .dormant_info li p.change {
    color: #ce085c;
    font-weight: 600;
}

#dormant_pop .message {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    background: url(' /images/user/icon_bg.png') right top no-repeat;
}

#dormant_pop .message strong {
    color: #333;
    font-weight: 600;
}

#dormant_pop .vetificate {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

#dormant_pop .vetificate p {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.5pt;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}

#dormant_pop .vetificate ul {
    overflow: hidden;
}

#dormant_pop .vetificate li {
    float: left;
    width: 49.5%;
    border: 1px solid #ddd;
    margin-right: 1%;
    padding: 130px 0 30px 0;
    box-sizing: border-box;
    text-align: center;
}

#dormant_pop .vetificate li:last-child {
    margin-right: 0;
}

#dormant_pop .vetificate li:first-child {
    background: url(' /images/user/icon_mail.png') center 30px no-repeat;
}

#dormant_pop .vetificate li input[type=radio] {
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

#dormant_pop .vetificate li label {
    color: #444;
    font-weight: 600;
}

#dormant_pop .vetificate li label span {
    font-weight: normal;
}

#dormant_pop .btn {
    margin-top: 30px;
    text-align: center;
}

#dormant_pop .btn a {
    width: 201px;
    height: 55px;
    line-height: 52px;
    cursor: pointer;
    text-decoration: none;
}

#dormant_pop .btn a.btn_b {
    color: #fff;
}

#dormant_pop .vetificate2 {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

#dormant_pop .vetificate2 p {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.5pt;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}

#dormant_pop .vetificate2 ul {
    overflow: hidden;
}

#dormant_pop .vetificate2 li {
    float: left;
    width: 49.5%;
    border: 1px solid #ddd;
    margin-right: 1%;
    padding: 130px 0 30px 0;
    box-sizing: border-box;
    text-align: center;
}

#dormant_pop .vetificate2 li:last-child {
    margin-right: 0;
}

#dormant_pop .vetificate2 li:first-child {
    background: url(' /images/user/icon_mail.png') center 30px no-repeat;
}

#dormant_pop .vetificate2 li:last-child {
    background: url(' /images/user/icon_phone.png') center 30px no-repeat;
}

#dormant_pop .vetificate2 li input[type=radio] {
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

#dormant_pop .vetificate2 li label {
    color: #444;
    font-weight: 600;
}

#dormant_pop .vetificate2 li label span {
    font-weight: normal;
}



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

************************************************** */
@media all and (max-width:1280px) {}


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

************************************************** */
@media all and (max-width:980px) {
    #join_input {}

    #join_input .join_input_tit {
        margin: 0 0 12px;
    }

    #join_input .join_input_tit span {
        font-size: 13px;
    }

    #join_input .join_table {}

    #join_input .join_table th {
        padding: 15px;
        width: 180px;
    }

    #join_input .join_table td {
        width: calc(100% - 180px);
        padding: 15px 10px;
    }

    #join_input .join_table .form_sub {
        font-size: 13px;
    }

    #join_input .join_table .form_sub a {
        font-size: 13px;
    }

    #join_input .join_table select {
        font-size: 13px;
    }

    #join_input .join_table input[type=button] {
        font-size: 13px;
    }

    #join_input .join_table .form_sub strong {
        font-size: 13px;
    }

    #join_input .join_table .form_sub label {
        font-size: 13px;
    }

    #joinOut {}

    #joinOut .join_table {}

    #joinOut .join_table th {
        padding: 15px;
        width: 180px;
    }

    #joinOut .join_table td {
        padding: 15px 10px;
        width: calc(100% - 180px);
    }
}

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

************************************************** */
@media all and (max-width:680px) {

    input.input_file {
        height: 40px;
        line-height: 38px;
        width: 100%;
    }

    #login_box {
        width: 100%;
        padding: 0;
        border: none;
    }

    #login_box h2 {
        display: none;
    }

    #login_box>div {
        width: 100%;
    }

    #login_box dt {
        width: 30%;
    }

    #login_box .btn_b {
        width: 100%;
    }

    #login_box dd {
        width: 68%;
    }

    #login_box dd .input_login {
        width: 100%;
    }

    #login_box .member_btn a:last-child {
        width: 60%;
    }

    #login_box .member_btn .btn_g:link, #login_box .member_btn .btn_g:visited {
        width: calc(40% - 15px);
    }

    #login_box .login_input input.btn_b {
        font-size: 15px;
    }

    .id_search_new {
        width: 100%;
    }

    .id_search_new .id_tab {
        position: relative;
        overflow: hidden;
    }

    .id_search_new .id_tab li a {
        font-size: 15px;
        padding: 12px 0;
    }

    .id_search_new_in {
        padding: 30px 6%;
    }

    .id_search_new .idpw_select {
        width: 100%;
    }

    .id_search_new .login_input {
        width: 100%;
    }

    .id_search_new .login_input dt {
        width: 100%;
        position: relative;
    }

    .id_search_new .login_input .btn_b {
        width: 100%;
        height: 52px;
        line-height: 52px;
    }

    .id_search_new .login_input dd {
        width: 100%;
        margin-bottom: 8px;
    }

    .id_search_new .login_input dd .input_hp {
        width: 81px;
    }

    .id_search_new .login_input dd .input_hp2 {
        width: calc(52% - 105px);
    }

    .id_search_new .login_input input.btn_b {
        font-size: 14px;
    }

    .id_search_new .login_input2 {
        width: 100%;
    }

    .id_search_new .login_input2 dt {}

    .id_search_new .login_input2 .btn_b {
        width: 100%;
    }

    .id_search_new .login_input2 dd {
        position: relative;
        width: 100%;
        margin-bottom: 5px;
    }

    .id_search_new .login_input2 dd .input_login {
        width: 100%;
        box-sizing: border-box;
    }

    .id_search_new .login_input2 dd .input_login2 {
        width: calc(100% - 110px);
        box-sizing: border-box;
    }

    .id_search_new .login_input2 dd .input_hp {
        width: 102px;
    }

    .id_search_new .login_input2 dd .input_hp2 {
        width: 112px;
    }

    .id_search_new .login_input2 dd span {
        display: inline-block;
        text-align: center;
        width: 13px;
    }

    .id_search_new .login_input2 input.btn_b {
        width: 100%;
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        box-sizing: border-box;
    }

    .id_search_new_result {
        padding: 30px 6%;
    }

    .id_search_new_result h4 {
        font-size: 18px;
    }

    .id_search_new_result p.id_txt {
        font-size: 18px;
    }

    .id_search_new_result p.id_txt span.date {
        font-size: 12px;
    }

    .id_search_new_result dl.send_txt {
        width: 100%;
    }

    .id_search_new_result dl.send_txt dd {
        font-size: 13px;
        text-align: center;
    }

    .id_search_new_result dl.send_txt dd .btn_w {
        width: auto;
        position: relative;
    }

    .id_search_new_result .btn .btn_wb {
        width: 48%;
        height: 44px;
        line-height: 42px;
    }

    .id_search_new_result .btn .btn_b {
        width: 48%;
        height: 44px;
        line-height: 42px;
    }

    #joinAgree {}

    #joinAgree .agreeAll span {
        font-size: 14px;
        font-weight: 600;
    }

    #joinAgree textarea {
        height: 120px;
    }

    #joinAgree .agreePrivacy {}

    #joinAgree .btn {
        text-align: center;
    }

    #joinAgree .btn input[type=button] {
        height: 48px;
    }

    .mem_level {
        padding: 18px 3%;
    }

    .mem_level ul {
        overflow: hidden;
        float: right;
    }

    .mem_level li {
        padding: 0 10px 0 7px;
        font-size: 13px;
        background-size: 4px auto;
    }

    .mem_level li span {
        font-size: 12px;
    }

    .mem_level li.hover {
        background-size: 4px auto;
    }

    #join_input {}

    #join_input .join_input_tit {
        display: block;
    }

    #join_input .join_input_tit span {
        display: block;
        padding: 8px 0 0;
    }

    #join_input .join_table {
        display: block;
    }

    #join_input .join_table tbody, #join_input .join_table tfoot, #join_input .join_table thead, #join_input .join_table tr {
        display: block;
    }

    #join_input .join_table th {
        padding: 10px 10px 5px;
        background: #fff;
        width: 100%;
        display: block;
        border-bottom: 0;
    }

    #join_input .join_table td {
        width: 100%;
        padding: 5px 10px 10px;
        display: block;
    }

    #join_input .join_table .form_sub {
        font-size: 12px;
        padding: 6px 0 0;
    }

    #join_input .join_table .form_sub a {
        font-size: 12px;
    }

    #join_input .join_table select {
        height: 40px;
        line-height: 38px;
        font-size: 12px;
        padding: 0 5px;
        width: 100px;
    }

    #join_input .join_table input[type=text], #join_input .join_table input[type=password] {
        padding: 0 8px;
        height: 40px;
        line-height: 38px;
        width: 100%;
    }

    #join_input .join_table input[type=button] {
        font-size: 12px;
        height: 40px;
        line-height: 38px;
        width: 90px;
    }

    #join_input .join_table .id_wrap .input_id {
        width: calc(100% - 95px);
    }

    #join_input .join_table .num_wrap input {
        width: calc((100% - 40px)/3);
    }

    #join_input .join_table .num_wrap select {
        width: calc((100% - 40px)/3);
    }

    #join_input .join_table .email_wrap input {
        width: calc((100% - 125px)/2);
    }

    #join_input .join_table .address_wrap .add_num {
        width: calc(100% - 95px);
    }

    #join_input .join_table .address_wrap .address, #join_input .join_table .address_wrap .address_en, #join_input .join_table .birthday_wrap {
        width: 100%;
    }

    #join_input .join_table .form_sub {
        padding: 10px 0 0;
    }

    #join_input .join_table .form_sub strong {
        font-size: 12px;
        margin: 0 8px 0 0;
    }

    #join_input .join_table .form_sub label {
        font-size: 12px;
        margin: 0 10px 0 0;
    }

    #join_input .join_table .norobot_img {
        padding: 3px 0;
    }

    #join_input .join_table .vcode {
        width: calc(100% - 85px) !important;
    }

    .id_search_new_result .btn .btn_wb {
        width: 48%;
        height: 44px;
        line-height: 42px;
    }

    .id_search_new_result .btn .btn_b {
        width: 48%;
        height: 44px;
        line-height: 42px;
    }

    #join_input .btn .btn_wb, #join_input .btn .btn_b {
        height: 44px;
        line-height: 42px;
    }

    #join_input .leaveBtn {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
        border-bottom: 0;
        text-decoration: underline;
        margin: 20px auto 0;
    }

    #joinOk {
        text-align: center;
        padding: 0;
        border: none;
    }

    #joinOk h2 {
        font-size: 18px;
        padding: 0 0 8px;
        line-height: 150%;
        word-break: keep-all;
    }

    #joinOk p {
        word-break: keep-all;
        width: 100%;
        border-bottom: none;
        padding: 0;
    }

    #joinOk .btn_b {
        width: 100%;
        height: 44px;
        line-height: 42px;
    }

    #joinOut {}

    #joinOut .join_table tbody, #joinOut .join_table tfoot, #joinOut .join_table thead, #joinOut .join_table tr, #joinOut .join_table th, #joinOut .join_table td {
        display: block;
    }

    #joinOut .join_table th {
        padding: 10px 10px 5px;
        background: #fff;
        border-bottom: 0;
        width: 100%;
    }

    #joinOut .join_table td {
        padding: 5px 10px 10px;
        width: 100%;
    }

    #joinOut .join_table input[type=text] {
        height: 40px;
        line-height: 38px;
        padding: 0 10px;
    }

    #joinOut .join_table textarea {
        height: 100px;
        padding: 10px;
    }

    #joinOut .btn .btn_wb {
        width: 48%;
        height: 44px;
        line-height: 42px;
        cursor: pointer;
    }

    #joinOut .btn .btn_b {
        width: 48%;
        height: 44px;
        line-height: 42px;
        cursor: pointer;
    }

    ;
}




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

************************************************** */
@media all and (max-width:480px) {}


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

************************************************** */
@media all and (max-width:320px) {
    .pddBox {
        padding: 0 40px 100px 40px;
    }

    .mx_wrap {
        position: relative;
        max-width: 1240px;
        margin: 0 auto;
    }

    .img img {
        display: block;
        width: 100%;
    }
}


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

************************************************** */
@media screen and (max-width:768px) {
    .pddBox {
        padding: 0 30px;
    }

    ;
}


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

************************************************** */
/* Checkbox */
.tb_check {
    padding-right: 20px;
}

.check_form1 {
    display: none;
}

.check_form1+label {
    position: relative;
    font-size: 15px;
    color: #555;
    padding-left: 30px;
}

.check_form1.checkAll.hide+label {
    display: inline-block;
    text-indent: -9999px;
}

.check_form1+label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #e8e8e8;
}

.check_form1:checked+label {
    color: var(--jw_point);
}

.check_form1:checked+label:before {
    background: url(" /images/user/icon_check.png") no-repeat center;
    background-color: #08419b;
}

/* Radio */
.join_radio {
    display: none !important;
}

.join_radio+label {
    position: relative;
    font-size: 15px;
    color: #555;
    padding-left: 30px;
    margin-right: 20px;
}

.join_radio+label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e8e8e8;
}

.join_radio:checked+label {
    color: var(--jw_point);
}

.join_radio:checked+label:before {
    background-color: var(--jw_main)
}

.tb_radio label {
    position: relative;
    font-size: 15px;
    color: #555;
    padding-left: 30px;
    margin-right: 20px;
}

.tb_radio label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e8e8e8;
}

.tb_radio label:has(.join_radio:checked):before {
    background-color: var(--jw_point);
}


/* Table : row ddd */
.tb_row_ddd th, .tb_row_ddd td {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

.tb_row_ddd th {
    text-align: left;
    padding: 30px 20px;
}

.tb_row_ddd th.v_top {
    vertical-align: top;
}

.tb_row_ddd td {
    padding: 10px 30px;
}

.tb_row_ddd th span {
    font-size: 16px;
    color: #333;
    background-position: 0 5px;
    font-weight: 400;
}

.tb_row_ddd td * {
    display: inline-block;
    vertical-align: middle;
}

.addrTip {
    width: 100%;
    border-top: 1px solid;
    margin-top: 25px;
    border-color: #ddd;
    text-align: right;
}

/* Table : col */
.tb_col {
    border-top: 3px solid var(--jw_point);
}

.tb_col th, .tb_col td {
    border-bottom: 1px solid #ddd;
    padding: 25px 10px;
}

.tb_col th {
    font-size: 18px;
    color: var(--jw_point);
    font-weight: 500;
}

.tb_col thead.center th {
    text-align: center;
}

.tb_col td {
    font-size: 16px;
    color: #333;
    text-align: center;
}

.tb_col td.td_subject {
    font-size: 16px;
}

td.txt_left {
    text-align: left;
}

td.td_subject>a {
    font-size: 18px;
    word-break: break-all;
    line-height: 1.4;
}

.td_file a {
    display: inline-block;
    margin: 0 2px;
    vertical-align: middle;
}

/* 20210601 추가 */
.tb_of {
    border-top: 3px solid var(--jw_point);
    overflow: hidden;
    overflow-x: auto;
}

.tb_of>table {
    min-width: 1060px;
}

/* Table : row */
.tb_row {
    border-top: 3px solid var(--jw_point);
}

.tb_row th, .tb_row td {
    padding: 25px 30px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.tb_row td a, .tb_row td {
    color: #333;
    font-family: 'Noto Sans Korean';
}

.tb_row td strong {
    font-size: 18px;
    font-weight: 500;
}

.tb_row td p {
    line-height: 24px;
}

.tb_row th {
    background: #f6f9ff;
    color: var(--jw_point);
    text-align: left;
}

th.v_top {
    vertical-align: top;
}

/* Table : Responsive */
@media screen and (max-width:640px) {
    .tb_res thead {
        display: none;
    }

    .tb_res tbody tr {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid #ddd;
    }

    .tb_res tbody tr td {
        position: relative;
        display: block;
        text-align: left;
        border: none;
        padding: 5px 0 5px 80px;
    }

    .tb_res tbody tr td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 5px;
        font-weight: 500;
        color: var(--jw_point);
    }

    ;
}

@media screen and (max-width:480px) {
    .tb_res tbody tr td {
        font-size: 14px;
    }

    ;
}

/* Board Search */
.brd_search {
    background: #f8f8f8;
    padding: 35px;
    margin-bottom: 50px;
    text-align: center;
}

.brd_search .inner {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    border-bottom: 3px solid #000;
    padding-left: 180px;
    text-align: left;
    /* box-sizing: border-box;  */
    ;
}

button {
    background: none;
    margin: 0;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

#brd_slt {
    position: absolute;
    left: 0;
    top: 0px;
}

#brd_slt .vDrop {
    height: 50px;
}

#brd_slt .vDrop a {
    font-size: 18px;
    background: none;
    line-height: 50px;
    border: none;
}

#brd_slt .vArrow {
    width: 13px;
    height: 8px;
    background: url(" /images/user/arr_slt.png") no-repeat center;
    right: 15px;
}

#brd_slt .open .vArrow {
    background-image: url(" /images/user/arr_slt_on.png");
}

#brd_slt .vArrow:before {
    display: none;
}

.srchWrap {
    position: relative;
    height: 50px;
    width: 100%;
}

.srchWrap input {
    padding-left: 20px;
    height: 100%;
    border: none;
    background: none;
    font-size: 18px;
    color: #000;
    width: 100%;
    outline: none;
}

.srchWrap input::-webkit-input-placeholder {
    font-size: 18px;
    color: #999;
}

.srchWrap input:-ms-input-placeholder {
    font-size: 18px;
    color: #999;
}

.srchWrap input::-moz-placeholder {
    font-size: 18px;
    color: #999;
}

.srchWrap input:-moz-placeholder {
    font-size: 18px;
    color: #999;
}

.srchWrap button {
    position: absolute;
    width: 50px;
    height: 100%;
    background: url(" /images/user/btn_search.png") no-repeat center;
    top: 0;
    right: 0;
    outline: none;
    text-indent: -9999px;
}

/* Select Vdrop */
.vDrop {
    position: relative;
    height: 30px;
}

.vDrop select {
    visibility: hidden;
}

.vDrop a {
    outline: none;
    text-decoration: none;
    color: #333;
}

.vDrop .vClicker {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 30px 0 15px;
    width: 180px;
    height: 100%;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.vDrop .vClicker.open {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.vDrop .vClicker span {
    white-space: nowrap;
}

.vDrop .vClicker .vArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 26px;
    height: 26px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.vDrop .vClicker .vArrow:before {
    content: '';
    display: block;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #000;
    transform: rotate(135deg);
}

.vDrop .vClicker.open .vArrow:before {
    top: 11px;
    transform: rotate(315deg);
}

.vDrop ul {
    overflow: hidden;
    display: none;
    z-index: 1;
    position: absolute;
    top: 53px;
    left: 0;
    width: 180px;
    max-width: 180px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px 0;
}

.vDrop ul li.optgroup span {
    display: block;
    padding: 5px;
    background: #e8e8e8;
}

.vDrop ul li.optgroup~.option a {
    padding-left: 20px;
}

.vDrop ul li a {
    display: block;
    padding: 5px 15px;
    line-height: 1.3 !important;
    white-space: nowrap;
    background: #fff;
    font-size: 16px !important;
    color: #888 !important;
}

.vDrop ul li a.selected, .vDrop ul li a:hover {
    background: #06c;
    color: #000 !important;
}

/* Paging */
.tb_bott {
    margin: 50px 0 0;
}

.tb_bott.center {
    text-align: center;
}

.paging, .paging * {
    display: inline-block;
    vertical-align: middle;
}

.paging a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 15px;
    color: #555;
    line-height: 34px;
    margin: 0 3px;
}

.paging>a {
    background-color: #e9e9e9;
    background-position: center;
    background-repeat: no-repeat;
}

.paging .current a {
    color: #fff;
    background: var(--jw_point);
    font-weight: 500;
}

.paging_prev1 {
    background-image: url(" /images/user/paging_prev1.png");
}

.paging_prev2 {
    background-image: url(" /images/user/paging_prev2.png");
}

.paging_next1 {
    background-image: url(" /images/user/paging_next1.png");
}

.paging_next2 {
    background-image: url(" /images/user/paging_next2.png");
}

/* Filefield */
.upload_name {
    background: none;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 380px;
    color: #000;
}

#file_upload {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

#file_upload+label {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: #4a5d7a;
    padding: 0 20px;
}

.upload_name2 {
    background: none;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 380px;
    color: #000;
}

.file_upload {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.file_upload+label {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: #4a5d7a;
    padding: 0 20px;
}

@media screen and (max-width:960px) {
    .family_site {
        padding: 30px 100px;
    }

    .ftr_top h2 {
        font-size: 18px;
    }

    .tb_row th, .tb_row td {
        padding: 25px 20px;
    }

    ;
}

@media screen and (max-width:780px) {
    .site_link {
        position: relative;
        top: auto;
        right: auto;
        width: 200px;
        margin-bottom: 30px;
    }

    ;
}

@media screen and (max-width:768px) {
    .ftr_bott .mx_wrap {
        padding: 80px 0;
    }

    .family_site {
        padding: 40px 0;
    }

    .ftr_top h2 {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 20px;
    }

    .family_site .swiper-button-next, .family_site .swiper-button-prev {
        top: 40px;
        transform: none;
    }

    .family_site .stop-autoplay, .family_site .start-autoplay {
        top: 43px;
        transform: none;
    }

    .totop {
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-size: 12px auto;
    }

    .tb_col th, .tb_col td {
        padding: 20px 5px;
    }

    .tb_col th {
        font-size: 16px;
    }

    .tb_col td {
        font-size: 15px;
    }

    td.td_subject>a {
        font-size: 16px;
    }

    td.td_file a img {
        width: 20px;
    }

    .upload_name, .upload_name2 {
        max-width: 300px;
    }

    ;
}

@media screen and (max-width: 640px) {
    .site_link {
        width: 180px;
    }

    .pNavTit a {
        font-size: 14px;
        padding: 0 30px 0 15px;
        line-height: 36px;
    }

    .pNavMenu {
        bottom: 37px;
        height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .pNavMenu li a {
        padding: 8px 15px;
    }

    .pNavMenu li a span {
        font-size: 13px;
    }

    .ftr_menu a {
        font-size: 14px;
    }

    .ftr_menu li:after {
        margin: 0 5px;
    }

    address {
        font-size: 13px;
        line-height: 1.5;
    }

    .copyright {
        font-size: 10px;
    }

    .check_form1+label {
        font-size: 14px;
        padding-left: 25px;
    }

    .check_form1+label:before {
        width: 18px;
        height: 18px;
    }

    .check_form1:checked+label:before {
        background-size: 8px auto;
    }

    .tb_row_ddd {
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

    .tb_row_ddd tbody, .tb_row_ddd tr {
        display: block;
        width: 100%;
    }

    .tb_row_ddd th {
        display: block;
        width: 100%;
        padding: 20px 20px 10px;
        border-bottom: none;
    }

    .tb_row_ddd td {
        display: block;
        width: 100%;
        padding: 10px 20px 20px;
        border-top: none;
        border-bottom: none;
    }

    .tb_row_ddd th span {
        font-size: 15px;
    }

    .brd_search {
        padding: 30px;
        margin-bottom: 30px;
    }

    .brd_search .inner {
        padding-left: 120px;
    }

    .vDrop .vClicker {
        width: 120px;
    }

    #brd_slt .vDrop a {
        font-size: 16px;
    }

    .vDrop ul {
        width: 120px;
        max-width: 120px;
    }

    .vDrop ul li a {
        font-size: 14px !important;
    }

    .srchWrap input {
        font-size: 16px;
    }

    .brd_list table thead, .brd_list table td.td_num {
        display: none;
    }

    .brd_list table tr {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    .brd_list table td {
        font-size: 14px;
        display: block;
        width: 100% !important;
        text-align: left;
        padding: 2px 5px;
        border: none;
    }

    .brd_list table td.td_chk {
        margin-bottom: 15px;
    }

    .brd_list table td.td_subject {
        width: 60%;
        padding-bottom: 10px;
    }

    td.td_subject>a {
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }

    .brd_list table td.td_period {
        width: 20%;
    }

    .brd_list table td.td_state {
        width: 20%;
    }

    .brd_list table tbody td:before {
        content: attr(data-label);
        display: inline-block;
        width: 60px;
        vertical-align: middle;
    }

    .brd_list table tbody td.td_subject:before, .brd_list table tbody td.td_chk:before {
        display: none;
    }

    .tb_of table thead {
        display: table-header-group;
    }

    .tb_of table tr {
        display: table-row;
    }

    .tb_of table td {
        display: table-cell !important;
        width: inherit !important;
        border-bottom: 1px solid #ddd;
        padding: 15px 10px !important;
        text-align: center;
    }

    .tb_of table td.txt_left {
        text-align: left !important;
    }

    .tb_of table tbody td:before {
        display: none !important;
        width: auto !important;
    }

    .brd_view table tr {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }

    .brd_view table th {
        display: block;
        padding: 15px;
        font-size: 15px;
    }

    .brd_view table td {
        font-size: 14px;
        display: block;
        width: 100% !important;
        text-align: left;
        padding: 5px 10px;
        border: none;
    }

    .brd_view .tb_row td strong {
        font-size: 14px;
    }

    .tb_brd_write th, .tb_brd_write td {
        display: block;
        border-right: none !important;
    }

    ;
}

@media screen and (max-width:480px) {
    .ftr_menu li {
        width: 50%;
        margin: 4px 0;
    }

    .ftr_menu li:after {
        display: none;
    }

    .join_radio+label {
        font-size: 14px;
        padding-left: 25px;
        margin-right: 10px;
    }

    .join_radio+label:before {
        width: 16px;
        height: 16px;
    }

    .tb_col th {
        font-size: 15px;
    }

    .tb_col td {
        font-size: 14px;
    }

    .tb_row_ddd th {
        padding: 25px 10px 5px;
        display: table-cell;
        width: 25%;
    }

    .tb_row_ddd td {
        padding: 5px 10px 25px;
    }

    .brd_list table td {
        font-size: 13px;
        padding: 2px 5px;
    }

    .brd_list table td.td_subject {
        padding: 2px 5px 10px 5px;
    }

    .brd_search {
        padding: 25px;
    }

    .brd_search .inner {
        padding: 0;
        border-bottom-width: 2px;
    }

    #brd_slt {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        border-bottom: 2px solid #000;
    }

    #brd_slt .vDrop {
        height: 40px;
        width: 100%;
    }

    #brd_slt .vDrop a {
        display: block;
        width: 100%;
        line-height: 40px;
        font-size: 15px;
        padding: 0 20px 0 10px;
    }

    #brd_slt .vArrow {
        right: 10px;
    }

    .vDrop ul {
        width: 100%;
        max-width: none;
        top: 42px;
    }

    .vDrop ul li a {
        padding: 5px 10px !important;
    }

    .srchWrap {
        padding-right: 40px;
        height: 40px;
    }

    .srchWrap input {
        padding-left: 10px;
        font-size: 15px;
    }

    .srchWrap input::-webkit-input-placeholder {
        font-size: 15px;
    }

    .srchWrap input:-ms-input-placeholder {
        font-size: 15px;
    }

    .srchWrap input::-moz-placeholder {
        font-size: 15px;
    }

    .srchWrap input:-moz-placeholder {
        font-size: 15px;
    }

    .srchWrap button {
        width: 40px;
        background-size: 16px auto;
    }

    .tb_bott {
        margin: 40px 0 0;
    }

    .paging a {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 27px;
        background-size: auto 8px;
    }

    ;
}

/* Join */
.join_step {
    text-align: center;
    margin-bottom: 80px;
}

.join_step * {
    display: inline-block;
    vertical-align: middle;
}

.join_step li {
    position: relative;
    padding-left: 100px;
    text-align: left;
}

.join_step .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding-top: 20px;
    border: 1px solid #ddd;
    text-align: center;
}

.join_step span {
    display: block;
    font-size: 20px;
    color: #bbb;
    font-weight: 600;
    margin-bottom: 5px;
}

.join_step h4 {
    font-size: 20px;
    color: #aaa;
    font-weight: 400;
}

.join_step li:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 80px;
    height: 1px;
    background: #ccc;
    margin: 0 15px 20px;
}

.join_step .on .icon {
    background-color: var(--jw_point);
    border: none;
}

.join_step .on span {
    color: var(--jw_point);
}

.join_step .on h4 {
    color: var(--jw_point);
    font-weight: 500;
}

.join_step li:last-child:after {
    display: none;
}

.join_terms {
    border-top: 2px solid #000;
    padding: 30px 0 60px;
}

.bullet_tit {
    position: relative;
    padding-left: 20px;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 40px;
}

.bullet_tit:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    background: url(" /images/user/bullet_tit.png") no-repeat 0 center;
    width: 10px;
    height: 10px;
}

.terms_cont {
    margin: 40px 0;
    border: 1px solid #ddd;
    height: 300px;
    padding: 30px;
}

.join_terms input[type="checkbox"] {
    display: none;
}

.join_terms .terms_check {
    float: right;
}

.agree_all {
    border: 1px solid #777;
    padding: 30px;
    text-align: center;
}

.agree_all label {
    font-size: 17px;
    color: #000;
}

.btn_set {
    text-align: center;
    margin: 50px 0 0;
}

.btn_set ul {
    display: inline-block;
    font-size: 0;
}

.btn_set li {
    display: inline-block;
    margin: 0 5px;
}

.btn_set li a,
.btn_set li button {
    display: inline-block;
    width: 200px;
    font-size: 20px;
    color: #fff;
    background: #002d76;
    line-height: 60px;
    text-align: center;
    border: none;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
    /* 브라우저별 reset */
    outline: none;
}



.btn_set li a.bg_999 {
    background: #999;
}

.join_cont {
    border-top: 2px solid #000;
    padding: 30px 0 0;
}

.join_type {
    border: 1px solid #ddd;
    padding: 20px 30px;
    margin: 30px 0 80px;
}

.required_ment {
    position: relative;
}

.required_ment p {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.required {
    background: url(" /images/user/icon_required.png") no-repeat 0px 7px;
    padding-left: 0.725rem;
}

.join_cont .tb_row_ddd {
    margin: 40px 0 80px;
}
.join_cont .tb_row_ddd textarea {
    border: 1px solid #dddddd;
    border-radius: 5px;
}
.join_cont:last-child .tb_row_ddd {
    margin-bottom: 0;
}

.tb_row_ddd select {
    width: 100%;
    border: 1px solid #ddd;
    height: 42px;
    outline: none;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
}

.tb_row_ddd input[type="text"], .tb_row_ddd input[type="password"], .tb_row_ddd input[type="datetime-local"], .tb_row_ddd input[type="date"], .tb_row_ddd input[type="time"], .tb_row_ddd input[type="email"], .tb_row_ddd input[type="number"] {
    width: 100%;
    border: 1px solid #ddd;
    height: 42px;
    outline: none;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
}

.tb_row_ddd textarea {
    resize: none;
    min-height: 200px;
}

.tb_row_ddd .file_box {
    display: flex !important;
    width: 100%;
    flex-direction: row;
    gap: .5rem;
}

.tb_row_ddd .file_box label {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    font-size: .8rem;
}

.tb_row_ddd .file_box .filename {
    width: 100%;
}

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

.mxw_50 {
    max-width: 50px;
}

.mxw_60 {
    max-width: 60px;
}

.mxw_80 {
    max-width: 80px;
}

.mxw_100 {
    max-width: 100px;
}

.mxw_140 {
    max-width: 140px;
}

.mxw_200 {
    max-width: 200px;
}

.mxw_400 {
    max-width: 400px;
}

.mxw_600 {
    max-width: 600px;
}

.btn_bdr555 {
    border: 1px solid #e0e0e0;
    line-height: 40px;
    padding: 0 30px;
    font-size: 15px;
    color: #333;
}

.tb_row_ddd td p.input_help {
    color: #333;
    margin-left: 20px;
    font-size: 14px;
}

.input_numb span {
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
}

.tb_radio strong {
    font-size: 15px;
    font-weight: 500;
    margin: 0 30px 0 20px;
}

td.input_address p {
    display: block;
    margin-left: 0;
}

td.input_address p.margin {
    margin: 5px 0;
}

.codeArea {
    width: 100%;
    height: 42px;
    background: #000;
    margin-right: 10px;
}

.join_finish {
    border: 1px solid #ddd;
    padding: 100px;
    text-align: center;
}

.join_finish .img {
    max-width: 88px;
    margin: 0 auto;
}

.ment_finish {
    font-size: 40px;
    margin: 30px 0 20px;
    font-weight: 300;
    letter-spacing: -0.044em;
    word-break: keep-all;
}

.ment_finish strong {
    font-weight: 500;
}

.ment_id {
    font-size: 22px;
    color: #333;
    word-break: keep-all;
}

.ment_id span {
    color: #f44c19;
    font-weight: 600;
}

.myPage_link {
    margin-bottom: 60px;
    overflow: hidden;
}

.myPage_link li {
    float: left;
    width: 50%;
}

.myPage_link li a {
    display: block;
    border: 1px solid #ddd;
    border-bottom-color: var(--jw_point);
    font-size: 20px;
    color: #999;
    text-align: center;
    line-height: 63px;
}

.myPage_link li.current a {
    border-color: var(--jw_point);
    border-bottom-color: #fff;
    color: var(--jw_point);
}

#myPage .ment {
    padding-left: 25px;
    background: url(" /images/user/icon_ment.png") no-repeat 0 0;
    font-size: 18px;
    margin-bottom: 40px;
    word-break: keep-all;
}

.state {
    display: inline-block;
    border: 1px solid var(--jw_point);
    line-height: 30px;
    font-size: 15px;
    padding: 0 15px;
}

.state:hover {
    opacity: 0.8;
}

.state1 {
    color: var(--jw_point);
}

.state2 {
    background: var(--jw_point);
    color: #fff;
}

.btn_print {
    display: inline-block;
    padding: 0 35px 0 15px;
    font-size: 15px;
    color: var(--jw_point);
    border: 1px solid var(--jw_point);
    line-height: 30px;
    background: url(" /images/user/btn_print.png") no-repeat right 15px center;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.completion_content {
    border: 1px solid #ddd;
    padding: 30px;
    overflow: auto;
}

.completion_content button.btn_print {
    float: right;
    border: 1px solid #000;
    color: #000;
    border-radius: 4px;
    padding: 0 10px 0 30px;
    background: url(" /images/user/icon_fax.png") no-repeat 10px center;
    background-size: 14px auto;
}

.completion_box {
    min-width: 700px;
    margin: 50px 20px 40px;
    border: 4px solid #033d9a;
    border-radius: 5px;
    padding: 80px 50px 120px;
    text-align: center;
    background: url(" /images/user/bg_completion.jpg") no-repeat center center;
    background-size: contain;
}

.completion_box * {
    font-family: 'NotoSerifKR', serif;
    font-weight: 600;
}

.completion_box .completion_top {
    text-align: left;
    font-size: 18px;
}

.completion_box h3 {
    font-size: 54px;
    font-weight: 900;
    letter-spacing: 0.6em;
    margin: 50px 0 80px;
}

.completion_box dl {
    text-align: left;
    font-size: 0;
}

.completion_box dl dt {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 18px;
    margin-bottom: 20px;
}

.completion_box dl dd {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    font-size: 18px;
    margin-bottom: 20px;
}

.completion_body {
    text-align: left;
    font-size: 25px;
    letter-spacing: 0.02em;
    margin: 40px auto 60px;
    word-break: keep-all;
    line-height: 1.6;
}

.completion_date {
    font-size: 20px;
    margin-bottom: 40px;
    letter-spacing: 0.1em;
}

.completion_writer {
    font-size: 30px;
    letter-spacing: 0.2em;
}

/**/



/* 회원정보수정 */

.mem_info {
    border: 1px solid #ddd;
    border-bottom: 3px solid var(--jw_point);
    padding: 25px 30px;
}

.mem_info dl * {
    display: inline-block;
    vertical-align: middle;
}

.mem_info dt {
    font-size: 16px;
    margin-right: 15px;
}

.mem_info dd {
    font-size: 16px;
    color: #555;
}

dd.mem_name:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 1px;
    height: 15px;
    background: #ddd;
    margin: 0 15px;
    word-break: keep-all;
    line-height: 1.4;
}

.mem_modify .tb_row_ddd {
    overflow: hidden;
}

.mem_modify p.required {
    float: right;
    margin: 40px 0 30px;
    font-size: 13px;
    color: #555;
}

@media screen and (max-width:1024px) {
    .loginBox>div {
        padding: 0 100px;
    }

    .tb_row_ddd td p.input_help {
        margin: 15px 0 5px;
        display: block;
    }

    .tb_row_ddd td .tb_radio {
        display: block;
        margin: 15px 0 5px;
    }

    .tb_radio strong {
        margin: 0 20px 0 0;
    }

    ;
}

@media screen and (max-width:960px) {
    .loginBox>div {
        float: none;
        width: 100%;
        padding: 0 200px;
        border: none;
    }

    .join_step {
        margin-bottom: 50px;
    }

    .join_step li {
        padding-left: 60px;
    }

    .join_step .icon {
        width: 50px;
        height: 50px;
        padding-top: 15px;
    }

    .join_step .icon img {
        width: 20px;
    }

    .join_step li:after {
        width: 60px;
        margin: 0 10px 25px;
    }

    .input_numb span {
        margin: 0;
    }

    ;
}

@media screen and (max-width:768px) {
    .loginBox>div {
        padding: 0 150px;
    }

    .bullet_tit {
        font-size: 22px;
    }

    .btn_bdr555 {
        padding: 0 20px;
        margin-left: 5px;
    }

    .join_finish {
        padding: 80px;
    }

    .join_finish .img {
        max-width: 80px;
    }

    .ment_finish {
        font-size: 36px;
    }

    .ment_id {
        font-size: 20px;
    }

    .myPage_link {
        margin-bottom: 40px;
    }

    .myPage_link li a {
        font-size: 18px;
        line-height: 58px;
    }

    #myPage .ment {
        padding-left: 25px;
        background-size: 16px auto;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .state {
        line-height: 28px;
        font-size: 14px;
        padding: 0 10px;
    }

    .btn_print {
        padding: 0 30px 0 10px;
        font-size: 14px;
        line-height: 28px;
        background: url(/images/user/btn_print.png) no-repeat right 10px center;
    }

    .brd_search {
        padding: 30px;
        margin-bottom: 40px;
    }

    .srch_result>p {
        margin: 30px 0;
        font-size: 25px;
    }

    .srch_result ul>li {
        padding: 25px;
    }

    .srch_result h4 a {
        font-size: 18px;
    }

    .srch_result p a {
        font-size: 15px;
        line-height: 1.4;
    }

    .srch_result ol li {
        font-size: 14px;
    }

    ;
}

@media screen and (max-width:640px) {
    .loginBox {
        padding: 80px 0;
    }

    .loginBox>div {
        padding: 0 90px;
    }

    .loginForm p {
        font-size: 20px;
    }

    .util_item p {
        font-size: 17px;
    }

    .util_item p strong {
        font-size: 18px;
    }

    .util_item a {
        line-height: 44px;
        padding-left: 45px;
        background-position: 20px center;
        background-size: 12px auto;
        font-size: 15px;
    }

    .join_step li {
        padding: 0;
    }

    .join_step li:after {
        width: 50px;
    }

    .join_step .icon {
        display: block;
        position: static;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 10px;
    }

    .join_step span {
        font-size: 18px;
    }

    .join_step h4 {
        font-size: 18px;
    }

    .bullet_tit {
        font-size: 20px;
    }

    .agree_all {
        padding: 25px;
    }

    .btn_set li a {
        width: 200px;
        font-size: 20px;
        line-height: 60px;
    }

    .join_type {
        margin: 30px 0 50px;
        padding: 20px;
    }

    .required_ment p {
        position: static;
        top: auto;
        right: auto;
        transform: none;
        font-size: 14px;
        margin-top: 10px;
    }

    .join_cont .tb_row_ddd {
        display: block;
        margin: 30px 0 60px;
    }

    .brd_list .edu_list table tbody td:before {
        width: 100px;
    }

    ;
}

@media screen and (max-width:480px) {
    .loginBox {
        padding: 60px 0;
    }

    .loginBox>div {
        padding: 0 60px;
    }

    .loginForm p {
        font-size: 18px;
    }

    #login li input {
        height: 48px;
        padding: 0 15px;
        font-size: 15px;
    }

    .loginForm button {
        height: 54px;
    }

    .loginForm button span {
        font-size: 18px;
        background-size: 14px;
        padding-left: 20px;
    }

    .login_btns li {
        float: none;
        width: 100%;
        margin: 3px 0;
    }

    .util_item p {
        font-size: 16px;
    }

    .util_item p strong {
        font-size: 17px;
    }

    .util_item a {
        line-height: 40px;
        padding-left: 35px;
        background-position: 15px center;
        background-size: 12px auto;
        font-size: 14px;
    }

    .join_step_wrap {
        display: none;
    }

    .bullet_tit {
        font-size: 18px;
        padding-left: 15px;
    }

    .terms_cont {
        margin: 20px 0;
        padding: 20px;
    }

    .agree_all {
        padding: 20px;
    }

    .agree_all label {
        font-size: 15px;
    }

    .btn_set li {
        margin: 0 5px;
    }

    .btn_set li a {
        width: 200px;
        font-size: 20px;
        line-height: 60px;
    }

    .required_ment p {
        font-size: 13px;
    }

    .mxw_200 {
        max-width: 160px;
    }

    .tb_row_ddd td p.input_help {
        font-size: 13px;
    }

    .btn_bdr555 {
        padding: 0 15px;
        height: 38px;
        line-height: 37px;
        font-size: 14px;
    }

    .tb_radio strong {
        margin: 0 10px 0 0;
        font-size: 14px;
    }

    .codeArea {
        margin-right: 5px;
    }

    .tb_row_ddd input[type="text"], .tb_row_ddd input[type="password"], .tb_row_ddd input[type="number"] {
        height: 38px;
    }

    .join_finish {
        padding: 60px;
    }

    .join_finish .img {
        max-width: 60px;
    }

    .ment_finish {
        font-size: 30px;
        margin: 20px 0 15px;
    }

    .ment_id {
        font-size: 18px;
    }

    .btn_set {
        margin: 30px 0 0;
    }

    .myPage_link {
        margin-bottom: 30px;
    }

    .myPage_link li a {
        font-size: 16px;
        line-height: 50px;
    }

    #myPage .ment {
        padding-left: 20px;
        background-size: 14px auto;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .state {
        line-height: 24px;
        font-size: 13px;
        padding: 0 10px;
    }

    .btn_print {
        padding: 0 30px 0 10px;
        font-size: 13px;
        line-height: 24px;
        background-size: 12px auto;
    }

    .mem_info {
        padding: 20px 25px;
    }

    .mem_info dt, .mem_info dd {
        font-size: 15px;
    }

    .srch_result>p {
        font-size: 22px;
    }

    .srch_result ul>li {
        padding: 20px;
    }

    ;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    border: 0;
}

table th, table td {
    vertical-align: middle;
}


/* 팝업 */
.popUp_contract_wrap {
    display: none;
    position: fixed;
    left: 24%;
    top: 20%;
    z-index: 100;
    background-color: #fff;
    border: 5px solid #0368b3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    width: 1000px;
    height: 500px;
    padding: 30px 35px;
}

.popUp_contract_wrap.on {
    opacity: 1;
    z-index: 9999;
}

.popUp_contract_wrap .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #0368b3;
    font-size: 20px;
    transition: all .25s ease;
}

.popUp_contract_wrap h2 {
    font-size: 20px;
    font-weight: 500;
    color: #0368b3;
    margin: 0 0 20px;
}

.popUp_contract_wrap h2 .sm {
    font-size: 0.9em;
}

.popUp_contract_wrap .list_1 {
    width: 100%;
}

.popUp_contract_wrap .list_1 li {
    margin-top: 15px;
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
}

.popUp_contract_wrap .list_1 li .lb {
    width: 18.5%;
    font-weight: 500;
    color: #222;
    padding-left: 15px;
    position: relative;
    padding-top: 0px;
}

.popUp_contract_wrap .list_1 li .lbDiv {
    width: 100%;
    padding-left: 90px;
}

.popUp_contract_wrap .list_1 li .lb.pop_name {
    width: 100%;
}

.popUp_contract_wrap .list_1 li .lb::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #0a2c98;
    position: absolute;
    left: 0;
    top: 12px;
}

.popUp_contract_wrap .list_1 li .rb {
    width: 81.5%;
    color: #555;
    /* padding-left: 10px;  */
    font-size: 0.95em;
    text-align: justify;
    word-break: keep-all;
}

.popUp_contract_wrap .tb_row_ddd thead tr th {
    text-align: center;
    padding: 15px 20px;
}

.popUp_contract_wrap .tb_row_ddd tbody tr td {
    text-align: center;
    padding: 15px 20px;
    font-size: 15px;
}

.popUp_contract_wrap .brd_search {
    background: #fff;
    padding: 0;
    margin-bottom: 25px;
}

@media screen and (max-width:750px) {

    /* 팝업 */
    .popUp_contract_wrap {
        left: 5%;
        top: 20%;
        width: 90%;
        padding: 20px 20px;
    }

    .popUp_contract_wrap .btn_close {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .popUp_contract_wrap h2 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .popUp_contract_wrap .list_1 li {
        margin-top: 10px;
        font-size: 15px;
        display: block;
    }

    .popUp_contract_wrap .list_1 li .lb {
        width: 100%;
        padding-left: 15px;
        margin-bottom: 5px;
    }

    .popUp_contract_wrap .list_1 li .lbDiv {
        padding-left: 0px;
    }

    .popUp_contract_wrap .list_1 li .lb::after {
        top: 10px;
    }

    .popUp_contract_wrap .list_1 li .rb {
        width: 100%;
    }

    ;
}

/* 두번째 팝업 */
.popUp_contract_wrap2 {
    display: none;
    position: fixed;
    left: 24%;
    top: 20%;
    z-index: 100;
    background-color: #fff;
    border: 5px solid #0368b3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    width: 900px;
    height: 500px;
    padding: 30px 35px;
}

.popUp_contract_wrap2.on {
    opacity: 1;
    z-index: 9999;
}

.popUp_contract_wrap2 .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #0368b3;
    font-size: 20px;
    transition: all .25s ease;
}

.popUp_contract_wrap2 h2 {
    font-size: 20px;
    font-weight: 500;
    color: #0368b3;
    margin: 0 0 20px;
}

.popUp_contract_wrap2 h2 .sm {
    font-size: 0.9em;
}

.popUp_contract_wrap2 .list_1 {
    width: 100%;
}

.popUp_contract_wrap2 .list_1 li {
    margin-top: 15px;
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
}

.popUp_contract_wrap2 .list_1 li .lb {
    width: 18.5%;
    font-weight: 500;
    color: #222;
    padding-left: 15px;
    position: relative;
    padding-top: 0px;
}

.popUp_contract_wrap2 .list_1 li .lbDiv {
    width: 100%;
    padding-left: 90px;
}

.popUp_contract_wrap2 .list_1 li .lb.pop_name {
    width: 100%;
}

.popUp_contract_wrap2 .list_1 li .lb::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #0a2c98;
    position: absolute;
    left: 0;
    top: 12px;
}

.popUp_contract_wrap2 .list_1 li .rb {
    width: 81.5%;
    color: #555;
    /* padding-left: 10px;  */
    font-size: 0.95em;
    text-align: justify;
    word-break: keep-all;
}

.popUp_contract_wrap2 .tb_row_ddd thead tr th {
    text-align: center;
    padding: 15px 20px;
}

.popUp_contract_wrap2 .tb_row_ddd tbody tr td {
    text-align: center;
    padding: 15px 20px;
    font-size: 15px;
}

.popUp_contract_wrap2 .brd_search {
    background: #fff;
    padding: 0;
    margin-bottom: 25px;
}

@media screen and (max-width:750px) {

    /* 두번째팝업 */
    .popUp_contract_wrap2 {
        left: 5%;
        top: 20%;
        width: 90%;
        padding: 20px 20px;
    }

    .popUp_contract_wrap2 .btn_close {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .popUp_contract_wrap2 h2 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .popUp_contract_wrap2 .list_1 li {
        margin-top: 10px;
        font-size: 15px;
        display: block;
    }

    .popUp_contract_wrap2 .list_1 li .lb {
        width: 100%;
        padding-left: 15px;
        margin-bottom: 5px;
    }

    .popUp_contract_wrap2 .list_1 li .lbDiv {
        padding-left: 0px;
    }

    .popUp_contract_wrap2 .list_1 li .lb::after {
        top: 10px;
    }

    .popUp_contract_wrap2 .list_1 li .rb {
        width: 100%;
    }

    ;
}

/******** 移댄뀒怨좊━ ********/
.cate_tab {
    overflow: hidden;
    margin: 0 auto 50px;
}

.cate_tab ul {
    display: flex;
    justify-content: center;
}

.cate_tab ul li {
    width: auto;
}

.cate_tab ul li a {
    display: inline-block;
    font-size: 1rem;
    letter-spacing: -0.25pt;
    color: #797979;
    line-height: 120%;
    white-space: nowrap;
    padding: 20px 34px;
    box-sizing: border-box;
    position: relative;
}

.cate_tab ul li.hover a {
    color: #192f5c;
    font-weight: 700;
}

.cate_tab ul li:hover a {
    color: #192f5c;
}

.cate_tab ul li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: var(--gray-100);
    position: absolute;
    left: 0;
    bottom: 0;
}

.cate_tab ul li:first-child a:before {
    border-radius: 3px 0 0 3px;
}

.cate_tab ul li:last-child a:before {
    border-radius: 0 3px 3px 0;
}

.cate_tab ul li a:after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #192f5c;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s linear;
    border-radius: 3px;
}

.cate_tab ul li.hover a:after {
    width: 100%;
}

.cate_tab ul li:hover a:after {
    width: 100%;
}


/******** 酉고럹�댁� ********/
.department_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.department_view>.btn {
    padding-top: 40px;
    text-align-last: center;
}

.department_view>.btn button {
    width: 200px;
    height: 50px;
}

.department_top {
    background: var(--gray-100);
    position: relative;
    width: 80%;
    padding: 20px;
}

.department_top dl {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.department_top dl dt {
    width: 600px;
    border-radius: 8px;
    overflow: hidden;
}

.department_top dl dt img {
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.department_top dl dd {
    padding: 0px;
    box-sizing: border-box;
}

.department_top dl dd small {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2pt;
    line-height: 140%;
    word-break: keep-all;
    color: #00b5e2;
    padding: 0 0 10px;
}

.department_top dl dd h3 {
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -1.8pt;
    color: #111;
    line-height: 130%;
    word-break: keep-all;
    padding: 0 0 25px;
}

.tabStyle {}

.tabStyle ul {
    display: flex;
}

.tabStyle ul li {
    flex: 1;
    cursor: pointer;
    font-size: 1rem;
    line-height: 72px;
    letter-spacing: -0.5pt;
    color: rgba(17, 17, 17, .7);
    text-align: center;
    background: #e3e9f4;
    border-radius: 8px 8px 0 0;
    transition: all .3s linear;
}

.tabStyle ul li.focus {
    font-weight: 600;
    color: #192f5c !important;
    background: #fff;
}

.tabStyle ul li:hover {
    color: #111;
}

.department_in {
    padding: 80px 0 0;
    display: none;
}

.department_in.focus {
    display: block;
}

.major_cont {}

.major_cont .subTit {
    margin: 50px 0 20px;
}

.major_cont .subTit:first-child {
    margin-top: 0;
}

.subject_cont {}

.subject_cont .downloadBtn_wrap {
    text-align: right;
    margin: 0 0 20px;
}

.subject_cont .downloadBtn_wrap .downloadBtn {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.3pt;
    color: #fff;
    background: #192f5c;
    border-radius: 8px;
    text-align: center;
    padding: 0 28px;
    height: 48px;
    line-height: 48px;
    transition: all .3s linear;
}

.subject_cont .downloadBtn_wrap .downloadBtn:hover {
    background: #00b5e2;
}

.subject_cont .downloadBtn_wrap .downloadBtn:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/img/download_icon.png') no-repeat center/100% auto;
    margin: -4px 8px 0 0;
    vertical-align: middle;
}



/*********** 援먯닔�뚭컻 List *************/
.professor_list {}

.professor_list:after {
    content: '';
    display: block;
    clear: both;
}

.professor_list dl {
    float: left;
    position: relative;
    margin: 0 30px 30px 0;
    width: calc((100% - 60px)/3);
}

.professor_list dl:nth-child(3n) {
    margin-right: 0;
}

.professor_list dl a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 40px;
    position: relative;
    transition: all .3s linear;
}

.professor_list dl a:hover {
    border-color: #00b5e2;
}

.professor_list dl a:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('/img/syu_icon.png') no-repeat center/100% auto;
    position: absolute;
    right: 20px;
    top: 22px;
}

.professor_list dl dt {
    width: 160px;
    border-radius: 8px;
    overflow: hidden;
}

.professor_list dl dt img {
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.professor_list dl dd {
    width: calc(100% - 160px);
    padding: 0 0 0 40px;
    box-sizing: border-box;
}

.professor_list dl dd h4 {
    font-size: 25px;
    letter-spacing: -0.75pt;
    color: #111;
    line-height: 120%;
    font-weight: 300;
    padding: 0 0 12px;
}

.professor_list dl dd h4 strong {
    display: inline-block;
    font-weight: 700;
    letter-spacing: -0.75pt;
    line-height: 120%;
}

.professor_list dl dd ul {}

.professor_list dl dd ul li {
    font-size: 16px;
    line-height: 150%;
    color: #555;
    box-sizing: border-box;
    padding: 0 0 8px 50px;
    position: relative;
    word-break: keep-all;
}

.professor_list dl dd ul li:last-child {
    padding-bottom: 0;
}

.professor_list dl dd ul li span {
    display: inline-block;
    font-size: 14px;
    line-height: 150%;
    color: rgba(17, 17, 17, .5);
    font-weight: 500;
    letter-spacing: -0.35pt;
    position: absolute;
    left: 0;
    top: 0;
}

/*********** 援먯닔�뚭컻 View *************/
.professor_view {}

.professor_view .contArea {
    display: flex;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 60px 0 0;
}

.professor_view .contArea .infoZone {
    width: 590px;
}

.professor_view .contArea .infoZone>div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    width: 100%;
}

.professor_view .infoZone dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #192f5c;
}

.professor_view .infoZone dl dt {
    width: 200px;
    border-radius: 8px;
    overflow: hidden;
}

.professor_view .infoZone dl dt img {
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.professor_view .infoZone dl dd {
    width: calc(100% - 200px);
    padding: 0 0 0 40px;
    box-sizing: border-box;
}

.professor_view .infoZone dl dd h4 {
    font-size: 25px;
    letter-spacing: -0.75pt;
    color: #111;
    line-height: 120%;
    font-weight: 300;
    padding: 0 0 15px;
}

.professor_view .infoZone dl dd h4 strong {
    display: inline-block;
    font-weight: 700;
    letter-spacing: -0.75pt;
    line-height: 120%;
}

.professor_view .infoZone dl dd ul {}

.professor_view .infoZone dl dd ul li {
    font-size: 18px;
    line-height: 150%;
    color: #555;
    box-sizing: border-box;
    padding: 0 0 10px 60px;
    position: relative;
    word-break: keep-all;
}

.professor_view .infoZone dl dd ul li:last-child {
    padding-bottom: 0;
}

.professor_view .infoZone dl dd ul li span {
    display: inline-block;
    font-size: 16px;
    line-height: 150%;
    color: rgba(17, 17, 17, .5);
    font-weight: 500;
    letter-spacing: -0.35pt;
    position: absolute;
    left: 0;
    top: 0;
}

.professor_view .contArea .contZone {
    width: calc(100% - 590px);
    padding: 0 0 0 100px;
    box-sizing: border-box;
}

.professor_view .contZone h3 {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.75pt;
    line-height: 140%;
    word-break: keep-all;
    color: #192f5c;
    padding: 60px 0 15px;
}

.professor_view .contZone h3:first-child {
    padding-top: 0;
}

.professor_view .list_btn {
    text-align: right;
    margin: 20px 0 0;
}

.professor_view .list_btn .btn_w {
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 48px;
    width: 100px;
    border: 1px solid #ccc;
    font-size: 0.9222rem;
    letter-spacing: -0.5pt;
    color: #777;
    vertical-align: top;
    transition: all 0.3s linear;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    padding: 0;
}

.professor_view .list_btn .btn_w:hover {
    opacity: 0.8;
}



/*******************************************************************************
@media 1700px
*******************************************************************************/
@media all and (max-width:1700px) {

    /*********** 援먯닔�뚭컻 List *************/
    .professor_list {}

    .professor_list dl {
        width: calc((100% - 30px)/2);
    }

    .professor_list dl:nth-child(3n) {
        margin-right: 30px;
    }

    .professor_list dl:nth-child(2n) {
        margin-right: 0;
    }

    /*********** 援먯닔�뚭컻 View *************/
    .professor_view {}

    .professor_view .contArea {}

    .professor_view .contArea .infoZone {
        width: 480px;
    }

    .professor_view .contArea .contZone {
        width: calc(100% - 480px);
        padding: 0 0 0 60px;
    }

    ;
}



/*******************************************************************************
@media ~1280px
*******************************************************************************/
@media all and (max-width:1280px) {


    /******** 酉고럹�댁� ********/
    .department_view {}

    .department_top {}

    .department_top dl {
        padding: 50px 0;
        align-items: flex-start;
    }

    .department_top dl dt {
        width: 500px;
    }

    .department_top dl dd {
        padding: 20px 0 0 40px;
        width: calc(100% - 500px);
    }

    .department_top dl dd small {
        font-size: 13px;
        padding: 0 0 8px;
    }

    .department_top dl dd h3 {
        font-size: 36px;
        padding: 0 0 18px;
    }

    .tabStyle {}

    .tabStyle ul {}

    .tabStyle ul li {
        line-height: 60px;
    }

    .department_in {
        padding: 60px 0 0;
    }

    .major_cont {}

    .major_cont .subTit {
        margin: 40px 0 15px;
    }

    /*********** 援먯닔�뚭컻 List *************/
    .professor_list {}

    .professor_list dl {
        margin: 0 20px 20px 0;
        width: calc((100% - 20px)/2);
    }

    .professor_list dl:nth-child(3n) {
        margin-right: 20px;
    }

    .professor_list dl:nth-child(2n) {
        margin-right: 0;
    }

    .professor_list dl a {
        padding: 30px;
    }

    .professor_list dl dt {
        width: 140px;
    }

    .professor_list dl dd {
        width: calc(100% - 140px);
        padding: 0 0 0 30px;
    }

    .professor_list dl dd h4 {
        font-size: 21px;
        padding: 0 0 10px;
    }

    .professor_list dl dd ul {}

    .professor_list dl dd ul li {
        font-size: 14px;
        padding: 0 0 6px 50px;
    }

    .professor_list dl dd ul li span {
        font-size: 13px;
    }

    /*********** 援먯닔�뚭컻 View *************/
    .professor_view {}

    .professor_view .contArea {}

    .professor_view .contArea .infoZone {
        width: 420px;
    }

    .professor_view .infoZone dl {
        padding: 30px 0;
    }

    .professor_view .infoZone dl dt {
        width: 140px;
    }

    .professor_view .infoZone dl dd {
        width: calc(100% - 140px);
        padding: 0 0 0 30px;
    }

    .professor_view .infoZone dl dd h4 {
        font-size: 21px;
        padding: 0 0 12px;
    }

    .professor_view .infoZone dl dd ul {}

    .professor_view .infoZone dl dd ul li {
        font-size: 16px;
        padding: 0 0 8px 60px;
    }

    .professor_view .infoZone dl dd ul li:last-child {
        padding-bottom: 0;
    }

    .professor_view .infoZone dl dd ul li span {
        font-size: 14px;
    }

    .professor_view .contArea .contZone {
        width: calc(100% - 420px);
        padding: 0 0 0 50px;
    }

    .professor_view .contZone h3 {
        font-size: 21px;
        padding: 40px 0 12px;
    }

    ;
}

/*******************************************************************************
@media ~980px body,html{font-size:14px;  ;} 3%
*******************************************************************************/
@media all and (max-width:980px) {

    /* 移댄뀒怨좊━ */
    .cate_tab {
        margin: 0 auto 30px;
    }

    .cate_tab ul {}

    .cate_tab ul li {}

    .cate_tab ul li a {
        padding: 15px 24px;
    }



    /******** 酉고럹�댁� ********/
    .department_view {}

    .department_top {}

    .department_top dl {
        padding: 40px 0;
    }

    .department_top dl dt {
        width: 350px;
    }

    .department_top dl dd {
        padding: 20px 0 0 30px;
        width: calc(100% - 350px);
    }

    .department_top dl dd small {
        padding: 0 0 6px;
    }

    .department_top dl dd h3 {
        font-size: 28px;
        padding: 0 0 12px;
    }

    .tabStyle {}

    .tabStyle ul {}

    .tabStyle ul li {
        line-height: 50px;
    }

    .department_in {
        padding: 40px 0 0;
    }

    .major_cont {}

    .major_cont .subTit {
        margin: 30px 0 10px;
    }

    .subject_cont {}

    .subject_cont .downloadBtn_wrap {
        margin: 0 0 10px;
    }

    .subject_cont .downloadBtn_wrap .downloadBtn {
        font-size: 13px;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
    }

    .subject_cont .downloadBtn_wrap .downloadBtn:before {
        width: 14px;
        height: 14px;
        margin: -4px 8px 0 0;
    }

    /*********** 援먯닔�뚭컻 List *************/
    .professor_list {}

    .professor_list dl {
        margin: 0 0 10px;
        width: 100%;
    }

    .professor_list dl:nth-child(3n) {
        margin-right: 0;
    }

    .professor_list dl:nth-child(2n) {
        margin-right: 0;
    }



    /*********** 援먯닔�뚭컻 View *************/
    .professor_view {}

    .professor_view .contArea {
        flex-wrap: wrap;
        padding: 40px 0 0;
    }

    .professor_view .contArea .infoZone {
        width: 100%;
    }

    .professor_view .contArea .infoZone>div {
        position: relative;
    }

    .professor_view .contArea .contZone {
        width: 100%;
        padding: 30px 0 0;
    }

    .professor_view .contZone h3 {
        padding: 30px 0 10px;
    }

    .professor_view .list_btn .btn_w {
        height: 48px;
        line-height: 46px;
        width: 90px;
    }

    ;
}

/*******************************************************************************
@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {

    /* 移댄뀒怨좊━ */
    .cate_tab {
        margin: 0 auto 20px;
        padding: 0 3%;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }

    .cate_tab:before {
        content: '';
        display: block;
        width: 94%;
        height: 3px;
        background: var(--gray-100);
        position: absolute;
        left: 3%;
        bottom: 0;
    }

    .cate_tab ul {
        display: block;
        white-space: nowrap;
        text-align: center;
        font-size: 0;
    }

    .cate_tab ul li {
        float: none;
        display: inline-block;
        margin: 0;
    }

    .cate_tab ul li a {
        padding: 10px 15px;
    }

    .cate_tab ul li a:before {
        display: none;
    }

    .cate_tab ul li a:after {
        height: 2px;
    }

    /******** 酉고럹�댁� ********/
    .department_view {}

    .department_top {}

    .department_top dl {
        padding: 30px 0;
    }

    .department_top dl dt {
        width: 100%;
    }

    .department_top dl dd {
        padding: 20px 0 0;
        width: 100%;
    }

    .department_top dl dd h3 {
        font-size: 24px;
        padding: 0 0 10px;
    }

    .tabStyle {}

    .tabStyle ul {}

    .tabStyle ul li {
        line-height: 40px;
    }

    .department_in {
        padding: 30px 0 0;
    }

    .major_cont {}

    .major_cont .subTit {
        margin: 25px 0 8px;
    }

    .subject_cont {}

    .subject_cont .downloadBtn_wrap .downloadBtn {
        font-size: 11px;
        padding: 0 15px;
        height: 36px;
        line-height: 36px;
    }

    .subject_cont .downloadBtn_wrap .downloadBtn:before {
        width: 12px;
        height: 12px;
        margin: -4px 5px 0 0;
    }

    /*********** 援먯닔�뚭컻 List *************/
    .professor_list {}

    .professor_list dl a {
        padding: 20px;
    }

    .professor_list dl a:after {
        width: 26px;
        height: 26px;
        right: 15px;
        top: 15px;
    }

    .professor_list dl dt {
        width: 100px;
    }

    .professor_list dl dd {
        width: calc(100% - 100px);
        padding: 0 0 0 20px;
    }

    .professor_list dl dd h4 {
        font-size: 18px;
    }

    .professor_list dl dd ul {}

    .professor_list dl dd ul li {
        font-size: 13px;
    }

    .professor_list dl dd ul li span {
        font-size: 12px;
    }

    /*********** 援먯닔�뚭컻 View *************/
    .professor_view {}

    .professor_view .infoZone dl {
        padding: 20px 0;
        align-items: flex-start;
        border-top: 2px solid;
    }

    .professor_view .infoZone dl dt {
        width: 120px;
    }

    .professor_view .infoZone dl dd {
        width: calc(100% - 120px);
        padding: 0 0 0 25px;
    }

    .professor_view .infoZone dl dd h4 {
        font-size: 18px;
        padding: 0 0 10px;
    }

    .professor_view .infoZone dl dd ul {}

    .professor_view .infoZone dl dd ul li {
        font-size: 14px;
        padding: 0 0 6px 60px;
    }

    .professor_view .infoZone dl dd ul li:last-child {
        padding-bottom: 0;
    }

    .professor_view .infoZone dl dd ul li span {
        font-size: 13px;
    }

    .professor_view .contArea .contZone {
        padding: 20px 0 0;
    }

    .professor_view .contZone h3 {
        font-size: 18px;
        padding: 20px 0 8px;
    }

    .professor_view .list_btn {
        margin: 10px 0 0;
    }

    .professor_view .list_btn .btn_w {
        height: 38px;
        line-height: 36px;
        width: 80px;
    }

    ;
}

/*******************************************************************************
@media ~480px body,html{font-size:13px;  ;}*******************************************************************************/
@media all and (max-width:480px) {}

/*******************************************************************************
@media ~360px
*******************************************************************************/
@media all and (max-width:360px) {


    /*********** 援먯닔�뚭컻 List *************/
    .professor_list {}

    .professor_list dl dt {
        width: 100%;
    }

    .professor_list dl dd {
        width: 100%;
        padding: 15px 0 0;
    }

    /*********** 援먯닔�뚭컻 View *************/
    .professor_view {}

    .professor_view .infoZone dl dt {
        width: 100%;
    }

    .professor_view .infoZone dl dd {
        width: 100%;
        padding: 15px 0 0;
    }

    ;
}

.brd_list_top {
    margin-bottom: 30px;
}

.brd_list_top * {
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-family: 'Noto Sans Korean';
    letter-spacing: 0;
}

.list_amount {
    margin-right: 15px;
}

.list_amount span, .list_page strong {
    color: var(--jw_point);
    font-weight: 800;
}

.sort {
    display: inline-block;
    width: 100%;
    max-width: 80px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    font-weight: 400;
    margin: 0 auto;
    border-radius: 3px;
}

.sort1 {
    background: var(--jw_point);
}

.sort2 {
    background: #192f5c;
}

.sort3 {
    background: #555;
}

.sortArr {
    float: right;
}

/* Modal Window*/
.modal_win {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    z-index: -1;
    opacity: 0;
    transition: all 0.2s;
}

.modal_win.on {
    opacity: 1;
    z-index: 9999;
}

.modal_container {
    position: relative;
    display: inline-block;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 5px;
    padding: 30px 30px 50px;
    width: 80%;
    min-width: 360px;
    max-width: 860px;
    max-height: 95%;
}

.modal_content {
    position: relative;
}

.modal_content .tit {
    position: relative;
}

.modal_content .tit h2 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

/*.modal_content .content {height: calc(100vh - 240px); overflow: hidden;  overflow-y: auto;}*/
.modal_content .content {}

.modal_content .long_content {
    height: calc(100vh - 240px);
    overflow: hidden;
    overflow-y: auto;
}

.modal_content .content .terms_content {}

.modal_content .btn_modal_close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #000;
    font-size: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #555;
    text-align: center;
    line-height: 40px;
    padding: 0;
}

.modal_content .btn_modal_close:hover {
    color: #fff;
    background: #333;
    border-color: #333;
}

/* Sub0301_contract_apply */
.contract .desc h5 {
    font-size: 22px;
    text-align: center;
    margin: 0 0 30px;
    word-break: keep-all;
    background-color: #eee;
    padding: 10px;
}

.contract_apply textarea {
    font-size: 15px;
    color: #333;
    border: 1px solid #ddd;
    outline: None;
    resize: none;
    height: 500px;
    width: 100%;
    padding: 40px 50px;
}

/* Sub0301_contract_search */
.contract .seaTabs {
    margin-top: 50px;
}

.contract .seaTabs_switch {
    text-align: center;
}

.contract .seaTabs_tab {
    position: relative;
    text-align: left;
    width: 320px;
    padding: 25px 0 25px 100px;
    border: 1px solid #fc722e;
    background: url("/resources/user/_EDU/images/sub/icon_switch1.png") no-repeat 40px center;
}

.contract .seaTabs_tab:last-child {
    background-image: url("/resources/user/_EDU/images/sub/icon_switch2.png");
}

.contract .seaTabs_tab .img {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.contract .seaTabs_tab h5 {
    font-size: 20px;
    color: #fc722e;
    font-weight: 500;
    margin-bottom: 5px;
}

.contract .seaTabs_tab p {
    font-size: 15px;
    color: #ff894f;
}

.contract .seaTabs_switch_active {
    background-color: #fc722e;
    background-image: url("/resources/user/_EDU/images/sub/icon_switch1_on.png");
}

.contract .seaTabs_switch_active:last-child {
    background-image: url("/resources/user/_EDU/images/sub/icon_switch2_on.png");
}

.contract .seaTabs_switch_active h5 {
    font-weight: 400;
    color: #fff;
}

.contract .seaTabs_switch_active p {
    font-weight: 300;
    color: #fff;
}

.contract_srch {
    border: 1px solid #fc722e;
    padding: 55px;
    text-align: center;
    margin: -1px 0 50px;
}

.contract_srch p {
    font-size: 18px;
}

.contract_srch .inner {
    max-width: 400px;
    border-bottom: 3px solid #000;
    margin: 20px auto 0;
}

/* Sub0301_contract_write */
.contract .tb_brd_write td {
    border-right: 1px solid #ddd;
}

.contract td:last-child {
    border-right: none;
}

.contract a.btn_bdr555 {
    display: inline-block;
    vertical-align: middle;
    line-height: 38px;
    margin-left: 2px;
}

.colorBL {
    color: var(--jw_point);
}

.txt_center {
    text-align: center !important;
}

.contract .colorBL {
    padding: 15px 30px;
    background: none;
}

.contract .colorBL>span {
    font-size: 18px;
    font-weight: 500;
    text-align: left !important;
}

.contract .input_numb {
    display: inline-block;
    margin: 3px 30px 3px 0;
}

.contract .input_numb:last-child {
    margin: 0;
}

.contract .input_numb span:first-child {
    margin-left: 0;
}

/* 230622, content.css */
@media screen and (max-width:640px) {
    .contract .tb_brd_write {}

    .contract .tb_brd_write colgroup {
        display: none;
    }

    .contract .tb_brd_write table tr {
        padding: 0;
    }

    .contract .tb_brd_write table th {
        text-align: center;
    }

    .contract .tb_brd_write table td {
        padding: 10px;
        text-align: center;
    }

    .contract .tb_brd_write #CC_CEO_NAME {
        max-width: unset;
        margin: 0;
    }

    .contract .tb_brd_write #CC_POST {
        width: calc(100% - 102.5px);
        max-width: unset;
    }

    .contract .tb_brd_write #CC_MANAGER {
        max-width: unset;
    }

    .contract .tb_brd_write #CC_TEL {
        max-width: unset;
    }

    .contract .tb_brd_write #CC_PHONE {
        max-width: unset;
    }

    .contract .tb_brd_write #CC_FAX {
        max-width: unset;
    }

    .contract .tb_brd_write table .error {
        margin-left: 0;
    }

    .contract .tb_brd_write .fileDownLoadBtn2 {
        width: 100%;
        margin-top: 3px;
    }

    .contract .input_numb {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .contract .input_numb span {
        flex-shrink: 0;
        width: 60px;
        text-align: left;
    }

    .contract .tb_brd_write th.colorBL.txt_center {
        padding-top: 40px;
    }

    .contract .tb_brd_write .tb_fix_wrap {
        padding-top: 40px;
    }

    .contract .tb_brd_write .tb_fix_wrap .tb_title {
        margin-bottom: 10px;
    }

    .contract .tb_brd_write .tb_fix_wrap .contractDelete {
        margin-top: -15px;
        margin-bottom: 20px;
    }

    ;
}

/* write */
.tb_brd_write {
    border-top: 3px solid var(--jw_point);
}

.tb_brd_write tr.bdr_top {
    border-top: 2px solid var(--jw_point);
}

.tb_brd_write tr.bdr_bottom {
    border-bottom: 2px solid var(--jw_point);
}

.tb_brd_write th, .tb_brd_write td {
    border-bottom: 1px solid #ddd;
}

.tb_brd_write th {
    border-right: 1px solid #ddd;
    text-align: left !important;
    padding: 0 30px;
    background: #f6f9ff;
}

.tb_brd_write th.colorBL {
    border-right: none;
}

.tb_brd_write th span {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
}

.tb_brd_write th .file_add_btns {
    display: inline-block;
    margin: 5px 0 0 10px;
    font-size: 0;
}

.tb_brd_write th a {
    display: inline-block;
    vertical-align: middle;
    background: url("/resources/user/_EDU/images/sub/file_del.png") no-repeat center;
    width: 18px;
    height: 18px;
    margin-left: 3px;
}

.tb_brd_write th a.add_file {
    background-image: url("/resources/user/_EDU/images/sub/file_add.png");
}

.tb_brd_write td {
    padding: 20px 30px;
}

.tb_brd_write input {
    align-content: center;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px;
    outline: none;
    width: 100%;
    color: #000;
    margin: 2px 0;
    box-sizing: border-box;
}

.tb_brd_write textarea {
    min-height: 210px;
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    resize: none;
    padding: 15px;
    color: #000;
}

.brd_btn li a, .brd_btn li button {
    width: 120px !important;
    line-height: 50px !important;
    font-size: 18px !important;
    text-align: center;
}

@media screen and (max-width:1060px) {
    .tb_brd_write td {
        padding: 15px 20px;
    }

    ;
}

@media screen and (max-width:960px) {
    .tb_brd_write th, .tb_brd_write td {
        padding: 15px 15px;
    }

    .tb_brd_write th .file_add_btns {
        display: block;
        margin: 5px 0 0 0;
    }

    ;
}

@media screen and (max-width:640px) {
    .view_head {
        padding: 25px 20px;
    }

    .view_head h4 {
        font-size: 20px;
    }

    .view_head dd {
        margin: 0 10px 0 5px;
    }

    .view_cont .text {
        padding: 30px 20px;
        font-size: 15px;
    }

    .view_bott {
        padding: 20px 20px;
        overflow: hidden;
    }

    .tb_brd_write th, .tb_brd_write td {
        padding: 15px;
    }

    /* 230622 */
    .tb_brd_write th {
        border-bottom: none;
    }

    /* // 230622 */

    .tb_brd_write th span {
        font-size: 15px;
    }

    .tb_brd_write input.upload_name, .tb_brd_write input.upload_name2 {
        max-width: none;
    }

    .tb_brd_write #file_upload+label, .tb_brd_write .file_upload+label {
        width: 100%;
        margin-top: 5px;
        text-align: center;
    }

    ;
}

@media screen and (max-width:480px) {
    .view_head {
        padding: 20px 10px;
    }

    .view_head dl {
        font-size: 0;
    }

    .view_head dl * {
        font-size: 14px;
    }

    .view_head dl dt {
        width: 20%;
        margin: 2px 0;
    }

    .view_head dl dd {
        width: 80%;
        margin: 2px 0;
    }

    .view_cont .text {
        padding: 20px 10px;
        font-size: 15px;
    }

    .view_file {
        padding: 20px 10px;
    }

    .view_file dt {
        margin-right: 20px;
        font-size: 14px;
    }

    .view_bott {
        padding: 15px 10px;
    }

    .view_bott ul {
        padding-left: 20px;
    }

    .view_bott .list_ctrl a {
        font-size: 13px;
    }

    .view_bott a {
        font-size: 13px;
    }

    .tb_brd_write th, .tb_brd_write td {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tb_brd_write input {
        height: 38px;
    }

    .brd_btn li a, .brd_btn li button {
        width: 100px !important;
        line-height: 44px !important;
        font-size: 16px !important;
    }

    ;
}

/* 교육신청 개인정보 동의 popup 추가 */
.btn_agree_popup {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: var(--jw_point);
    padding: 0 20px;
}

.btn_agree_popup2 {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: var(--jw_point);
    padding: 0 20px;
}

.bt_area {
    position: absolute;
    right: 11px;
    margin-top: 9px;
}

.agree_popup_bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
    z-index: 20;
}

.agree_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    width: 480px;
    max-height: 90vh;
    background-color: #fff;
    z-index: 21;
    padding: 30px 30px 25px 30px;
}

.agree_popup h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.agree_popup label {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    margin-top: 10px;
}

.agree_popup input[type=checkbox] {
    min-width: 18px;
    height: 18px;
    margin: 0;
    margin-right: 10px;
}

.agree_popup .txt_box {
    border: 1px solid #ddd;
    max-height: 200px;
    padding: 15px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.agree_popup .txt_box::-webkit-scrollbar {
    width: 10px;
}

.agree_popup .txt_box::-webkit-scrollbar-thumb {
    background-color: #ccc;
    width: 0;
    border-color: #fff;
    border-style: solid;
    border-width: 2px 3px;
    border-radius: 10px;
}

.agree_popup .txt_box::-webkit-scrollbar-track {
    background-color: #f9f9f9;
}

.agree_popup .txt_box .line {
    margin-bottom: 10px;
}

.agree_popup .with_num {
    position: relative;
    padding-left: 15px;
}

.agree_popup .with_shape {
    position: relative;
    padding-left: 20px;
    margin-top: 7px;
}

.agree_popup .with_num .num {
    position: absolute;
    top: 0;
    left: 0;
}

.agree_popup .with_shape .shape {
    position: absolute;
    top: 0;
    left: 0;
}

.agree_popup .btn_box {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.agree_popup .btn_box button {
    color: #fff;
    width: 49.7%;
    padding: 10px;
    font-size: 16px;
}

.agree_popup .btn_verify {
    background-color: #002d76;
}

.agree_popup .btn_cancel {
    background-color: #888;
}

@media screen and (max-width:480px) {
    .agree_popup {
        padding: 20px 15px 15px;
    }

    .agree_popup h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .agree_popup input[type=checkbox] {
        min-width: 16px;
        height: 15px;
        margin-right: 7px;
    }

    .agree_popup .txt_box {
        font-size: 14px;
    }

    .agree_popup label {
        font-size: 13px;
    }

    .agree_popup .btn_box button {
        font-size: 13px;
        padding: 8px;
    }

    ;
}

/* Sub0301_Education_Write */
.tb_fix_wrap {
    overflow: hidden;
    overflow-x: auto;
}

.tb_edu2 {
    min-width: 1100px;
    border-top: 2px solid var(--jw_point);
}

.tb_title {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px;
    text-align: left;
    color: var(--jw_point);
}

.tb_brd_write thead th {
    height: 60px;
    text-align: center;
}

.tb_brd_write thead th:last-child {
    border-right: none;
}

.btn_tb_srch {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: url("/resources/user/_EDU/images/sub/btn_tb_srch.png") no-repeat center;
    text-indent: -9999px;
}

/*협약기업 조회 메뉴*/
span.btn_tb {
    display: inline-block;
    border: 1px solid var(--jw_point);
    font-size: 15px;
    color: var(--jw_point);
    line-height: 28px;
    padding: 5px 15px;
}

span.btn_tb.bg_blue {
    color: #fff;
}

.tb_col.contractWrap td {
    padding: 15px 10px;
}

.tb_fix_wrap .contractAdd {
    float: right;
    margin-top: -8px;
    padding: 0 20px;
    line-height: 30px;
}

.tb_fix_wrap .contractDelete {
    padding: 0 20px;
    background: #FF9800;
    line-height: 30px;
    color: #fff;
}

.tb_fix_wrap .contractDelete:hover {
    background: #be704c;
}

/*협약기업 승인대기 css*/
span.btn_tb.notOk {
    border: 1px solid #de0000;
    color: #de0000;
}

.fileDownLoadBtn {
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #2f8ab9;
    border-radius: 25px;
    margin-top: 20px;
    background: #2f8ab9;
}

.fileDownLoadBtn2 {
    display: inline-block;
    /* line-height: 40px;  */
    font-size: 15px;
    color: #fff;
    background: #a1a9b5;
    padding: 7px 20px;
}

/*********** List *************/
.faq_list {
    position: relative;
    border-top: 1px solid #000;
}

.faq_list dl {
    position: relative;
    border: 1px solid #D7E2EA;
    border-top: 0;
}

.faq_list dt {
    width: 100%;
    transition: all 0.3s;
}

.faq_list dt a {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 26px 60px 26px 70px;
    background: #fff url(' /images/user/faq_arrow_down.svg') right 30px center no-repeat;
    letter-spacing: -0.05em;
}

.faq_list dt a.active {
    color: #222;
    font-weight: 500;
    background: url(' /images/user/faq_arrow_up.svg') right 30px center no-repeat;
}

.faq_list dt a span {
    position: absolute;
    left: 30px;
    top: 28px;
    display: inline-block;
    font-weight: 600;
    color: var(--mainColor);
    font-size: 25px;
    font-family: var(--eng);
    line-height: 1;
}

.faq_list dt a span.cat {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    margin-right: 5px;
}

.faq_list .check {
    position: absolute;
    z-index: 99;
    top: 16px;
    width: 20px;
}

.faq_list dt input[type="checkbox"] {
    display: inline-block;
    width: 20px;
}

.faq_list dd {
    position: relative;
    border-top: 1px solid #D7E2EA;
    padding: 27px 70px 27px 70px;
    background: #F3F7F9;
    display: none;
}

.faq_list dd span.ans {
    position: absolute;
    left: 30px;
    top: 28px;
    font-weight: 600;
    color: rgba(34, 34, 34, 0.5);
    font-size: 25px;
    line-height: 1;
    padding-right: 10px;
    opacity: 0;
    transition: all 0.3s;
    font-family: var(--eng);
}

.faq_list dd.open span.ans {
    opacity: 1;
    transition: all 0.3s;
}

.faq_list dd .faqCont {
    opacity: 0;
    transition: all 0.3s;
}

.faq_list dd.open .faqCont {
    opacity: 1;
    transition: all 0.3s;
}

.faq_list dd p.btn {
    padding-top: 10px;
}

.faq_btn {
    width: 100%;
    padding-top: 10px;
}

.faq_btn li.sel_btn {
    float: left;
}

.faq_btn li.list_btn {
    float: right;
}

.case_btn {
    text-align: center;
    padding-top: 30px;
}

.view_file {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 25px 30px;
    margin-top: 20px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.view_file .btit {
    font-size: 1rem;
    color: #222;
    width: 145px;
    font-weight: 600;
}

.view_file .btit span {
    display: inline-block;
    color: #222;
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.view_file .bstxt {
    width: calc(100% - 145px);
}

.view_file .bstxt a {
    position: relative;
    font-size: 1rem;
    word-break: break-all;
    letter-spacing: -0.3pt;
    text-decoration: underline;
}

/* page_num */
.page_num {
    padding: 60px 0 40px;
}

/* 페이지 넘버 */
.page_number_on {
    font-weight: bold;
    float: left;
    line-height: 12px;
    padding-top: 4px;
    width: 24px;
    height: 20px;
    text-align: center;
    margin: 0 2px;
    background: #646b74;
    color: #fff;
}

.page_number {
    border: 1px solid #ddd;
    font-weight: bold;
    line-height: 12px;
    padding-top: 4px;
    width: 24px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 0 2px;
}

/* 검색바 */
.bbs_search {
    text-align: center;
    /* padding-top:20px */
    ;
}

.bbs_search label {
    font-size: 0;
}

.bbs_search form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 513px;
    justify-content: space-between;
    margin: 0 auto;
}

.bbs_search dt {
    width: 130px;
}

.bbs_search dt select {
    transition: all 0.5s;
    width: 100%;
    letter-spacing: -0.03em;
    color: #222;
    border: 1px solid #ddd;
    padding: 11px;
}

.bbs_search dd {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.bbs_search dd .search_input {
    width: calc(100% - 81px);
}

.bbs_search dd .search_btn {
    width: 78px;
    height: 46px;
    background: #222;
    color: #fff;
    font-size: 0.882rem;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
    letter-spacing: -0.03em;
}

/* 하단 버튼 */
.bbs_btn {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
    /* margin-bottom:52px;  */
    ;
}

.bbs_btn.align_right {
    text-align: right;
}

.bbs_btn li.sel_btn {
    float: left;
}

.bbs_btn li.list_btn {
    float: right;
}

.bbs_btn li.list_btn:after {
    display: block;
    content: "";
    overflow: hidden;
}

.bbs_btn a {
    margin: 0 1px;
    /* width:100px;  height:50px;  line-height:50px;  */
    display: inline-block;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 80px;
}

.bbs_btn input {
    margin: 0 1px;
}

/*********** View *************/
.board_view .titArea {
    padding: 32px 20px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.board_view .titArea .tit_wrap {
    position: relative;
}

.board_view .titArea .btit {
    color: #222;
    font-size: 22px;
    letter-spacing: -0.8pt;
    margin-bottom: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding-right: 75px;
    box-sizing: border-box;
}

.board_view .titArea .bdate {
    position: relative;
}

.board_view .titArea .bdate span {
    position: relative;
    display: block;
    color: #aaa;
    line-height: 100%;
    font-size: 1rem;
}

.board_view .titArea .bdate b {
    font-weight: 400;
    color: #222;
    display: inline-block;
    width: 45px;
}

.board_view .titArea .count {
    font-style: normal;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.board_view .titArea .count img {
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.board_view .conArea {
    padding: 30px 20px;
}

.board_view .conArea img {
    max-width: 100% !important;
    height: auto !important;
}

.board_view .page_next {
    position: relative;
    overflow: hidden;
}

.board_view .page_next .prev {
    position: relative;
    overflow: hidden;
    padding: 22px 20px;
    border-top: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.board_view .page_next .next {
    position: relative;
    overflow: hidden;
    padding: 22px 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.board_view .page_next .pt {
    letter-spacing: -0.3pt;
    position: relative;
    font-size: 1rem;
    width: 155px;
    color: #222;
    line-height: 100%;
    font-weight: 600;
}

.board_view .page_next .pt:after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background: url('/img/pt.png') no-repeat;
    position: absolute;
    right: 70px;
    top: 50%;
    margin-top: -4px;
}

.board_view .page_next .next .pt:after {
    background: url('/img/pb.png') no-repeat;
}

.board_view .page_next .pt2 {
    position: relative;
    float: left;
    width: calc(100% - 155px);
}

.board_view .page_next .pt2 a {
    display: block;
    letter-spacing: -0.3pt;
    color: #666;
    font-size: 1rem;
    line-height: 130%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board_view .con_box {
    margin-top: 30px;
}

.board_view .view_file {
    position: relative;
    overflow: hidden;
    background: #F3F7F9;
    padding: 25px 30px;
    margin-top: 20px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.board_view .view_file .btit {
    font-size: 1rem;
    color: #222;
    width: 145px;
    font-weight: 600;
}

.board_view .view_file .btit span {
    display: inline-block;
    color: #222;
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.board_view .view_file .bstxt {
    width: calc(100% - 145px);
}

.board_view .view_file .bstxt a {
    position: relative;
    font-size: 1rem;
    word-break: break-all;
    letter-spacing: -0.3pt;
    text-decoration: underline;
}

/*********** Input *************/
.bbs_input p.bbsRemark {
    display: block;
    color: #0076bd;
    font-weight: 500;
    padding: 8px 0 0;
}

.bbs_input span.bbsRemark {
    color: #0076bd;
    font-weight: 500;
    padding-left: 8px;
}

.bbs_input td.bbsRemark {
    color: #0076bd;
    font-weight: 500;
}

.bbsRemark {
    color: #0076bd;
    font-weight: 500;
    padding: 0 0 8px;
}

/* 저작권공지 */
.input_notice {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 18px 20px;
}

.input_notice h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    letter-spacing: -1pt;
    padding: 0 0 5px 0;
}

.input_notice h4 span {
    color: #d51921;
    letter-spacing: -1pt;
}

.input_notice p.txt {
    color: #666;
    line-height: 21px;
    font-size: 13px;
}

.input_notice p.point {
    color: #d51921;
    line-height: 21px;
    padding: 3px 0 0 0;
    text-decoration: underline;
    font-size: 13px;
}

.input_msg {
    padding: 15px 0 10px 0;
    text-align: right;
}

.bbs_input {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #222;
}

.bbs_input th {
    color: #333;
    text-align: left;
    padding: 8px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.bbs_input td {
    border-bottom: 1px solid #d4d4d4;
    padding: 8px 10px;
    text-align: left;
}

.bbs_input td.line {
    border-right: 1px solid #d4d4d4;
}

.bbs_input td.input_contents textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    line-height: 150%;
}

.subject_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.subject_table td {
    border: none;
    padding: 0;
}

.subject_table .cat {
    width: 18%;
}

/* 동의폼 */
.pri_box {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 15px;
    margin: 10px 0px 20px 0px;
    box-sizing: border-box;
}

.pri_box p.pri_tit {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #333;
}

.pri_box .textarea {
    height: 100px;
}

.pri_message {
    width: 100%;
    text-align: right;
    padding-top: 8px;
    font-family: inherit;
}

.pri_message input[type=checkbox] {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.reply_icon {
    position: relative;
    float: left;
    width: 18px;
    height: 30px;
    background: url('/admin/images/reply_icon.gif') 0 0 no-repeat;
}

/*********** Passwd *************/
.passwd {
    width: 530px;
    margin: 0 auto;
    border: 2px solid #eaeaea;
    padding: 20px 15px;
}

.passwd ul {
    width: 98%;
    overflow: hidden;
}

.passwd li {
    float: left;
}

.passwd .pw_img {
    margin-right: 5px;
}

.passwd .line {
    width: 1px;
    background: #ddd;
    height: 63px;
}

.passwd .info {
    padding-left: 28px;
}

.passwd .msg {
    padding-bottom: 10px;
}

.passwd .input_passwd {
    margin-right: 10px;
}

.passwd .btn {}

/*********** Comment *************/
.comments {
    padding: 15px 18px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
}

.comments dl {
    overflow: hidden;
    padding: 0 0 5px 0;
}

.comments dl dt {
    display: inline-block;
    font-size: 13px;
}

.comments dl dd {
    display: inline-block;
    margin-right: 10px;
}

.comments ul {
    overflow: hidden;
}

.comments li {
    float: left;
    width: calc(100% - 83px);
}

.comments li.btn {
    float: right;
    width: 80px;
}

.comments textarea {
    height: 58px;
}

.comments .spam_check {}

.comments .spam_check .sub_txt {
    font-size: 13px;
    display: inline-block;
}

.comm_btn_confirm {
    display: inline-block;
    width: 80px;
    cursor: pointer;
    height: 58px;
    text-align: center;
    color: #fff;
    border: 1px solid #555;
    background: #555;
    font-size: 13px;
    letter-spacing: -0.5pt;
    vertical-align: top;
    transition: all 0.3s;
}

.comments_body {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

.comments_body p.file {
    color: #888;
    font-size: 13px;
}

.comments_body p.cont {
    padding: 3px 0 5px 0;
}

.comments_body p.info {
    color: #888;
    font-size: 13px;
}

.comments_body p.info strong {
    color: #333;
    margin-right: 7px;
}

.comments_body p.info span {
    margin-right: 7px;
}

.comments_body p.info span:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 13px;
    background: #ccc;
    margin: 0 10px -2px 0;
    overflow: hidden;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: 8px 15px 3px 15px;
    color: #FFF;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #484C57;
    cursor: pointer;
    border: 1px solid #484C57;
    height: 20px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .5em .75em;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    /* background-color: #f5f5f5;  */
    border: 1px solid #ccc;
    border-bottom-color: #ccc;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    height: 33px;
    width: 200px;
}

.filebox .upload-name1 {
    display: inline-block;
    padding: .5em .75em;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    /* background-color: #f5f5f5;  */
    border: 1px solid #ccc;
    border-bottom-color: #ccc;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    height: 33px;
    width: 200px;
}

.filebox .upload-name2 {
    display: inline-block;
    padding: .5em .75em;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    /* background-color: #f5f5f5;  */
    border: 1px solid #ccc;
    border-bottom-color: #ccc;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    height: 33px;
    width: 200px;
}

.filebox .upload-name3 {
    display: inline-block;
    padding: .5em .75em;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    /* background-color: #f5f5f5;  */
    border: 1px solid #ccc;
    border-bottom-color: #ccc;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    height: 33px;
    width: 200px;
}

.upload-hidden {
    margin: 1px 0;
    border: 0px;
    font-size: 12px;
    font-family: NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    border: 1px solid #d86771;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-color: #d86771;
}

/* imaged preview */
.filebox .upload-display {
    /* 이미지가 표시될 지역 */
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .filebox .upload-display {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0;
    }

    ;
}

@media(max-width: 768px) {
    .popUp_contract_wrap {
        display: none;
        position: fixed;
        left: 5%;
        top: 20%;
        z-index: 100;
        background-color: #fff;
        border: 5px solid #0368b3;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
        width: 90%;
        height: 500px;
        padding: 30px 35px;
    }

    ;
}

.filebox .upload-thumb-wrap {
    /* 추가될 이미지를 감싸는 요소 */
    display: inline-block;
    width: 70px;
    height: 33px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    background-color: #fff;
}

.filebox .upload-display img {
    /* 추가될 이미지 */
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}



/*******************************************************************************
@media 980~1300px
*******************************************************************************/
@media all and (max-width:1300px) {

    .bbs_input td .input_m {
        width: 50%;
    }

    .bbs_input td .input_l {
        width: 100%;
    }

    .bbs_input td input[type="file"] {
        width: 50%;
    }

    .bbs_input span.sub_txt {
        display: block;
        padding-left: 0;
        padding-top: 5px;
    }

    ;
}

/*******************************************************************************
@media 801~980px
*******************************************************************************/
@media all and (max-width:980px) {


    .bbs_con th {
        line-height: 58px;
    }

    .bbs_con td {
        padding: 16px 0;
    }






    .board_view .titArea {
        padding: 24px 20px;
    }

    .board_view .titArea .btit {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .board_view .titArea .count img {
        width: 20px;
    }

    .board_view .view_file {
        padding: 20px;
    }

    .board_view .view_file .btit {
        width: 110px;
    }

    .board_view .view_file .bstxt {
        width: calc(100% - 110px);
    }

    .board_view .page_next .prev {
        padding: 18px 20px;
    }

    .board_view .page_next .next {
        padding: 18px 20px;
    }

    .board_view .page_next .pt {
        width: 120px;
    }

    .board_view .page_next .pt:after {
        right: 40px;
    }

    .board_view .page_next .pt2 {
        width: calc(100% - 120px);
    }


    ;
}

/*******************************************************************************
@media 681~800px
*******************************************************************************/
@media all and (max-width:768px) {}

/*******************************************************************************
@media
*******************************************************************************/
@media all and (max-width:680px) {




    /*********** 공통 css *************/
    select {
        padding: 0 12px;
        height: 42px !important;
    }

    .input {
        padding: 0 12px;
        height: 42px !important;
    }

    .search_input {
        padding: 0 12px;
        height: 42px !important;
    }

    .textarea {
        padding: 12px;
    }



    /*********** List *************/
    .bbs_con {
        border-top: 2px solid #222;
    }

    .bbs_con th {
        display: none;
    }

    .bbs_con td {
        padding: 15px 0;
        border-right: none;
    }

    .bbs_con td.left {
        padding: 13px 3px;
    }

    .bbs_con .pc_line {
        display: none;
    }

    .bbs_con .mo_line {
        display: block;
        position: relative;
        padding-right: 30px;
    }

    /* .mo_line .list_cate{color:#858585;  letter-spacing:-0.55pt;  line-height:20px;  padding:0 0 3px;}.mo_line .list_cate .notice{display:inline-block;  width:36px;  line-height:20px;  margin:0 7px 0 0;  text-align:Center; color:#fff;  letter-spacing:-0.55pt;  background:#f1001c;  border-radius:20px;} */
    .mo_line .subject, .mo_line .subject a {
        font-weight: 600 !important;
        color: #222;
        letter-spacing: -0.55pt;
        display: inline-block;
        margin: 0 0 3px;
    }

    .mo_line .writer {
        overflow: hidden;
        clear: both;
    }

    .mo_line .writer li {
        float: left;
        color: #aaa;
        padding: 0 8px;
        background: url(' /images/user/bbs_list_line.gif') no-repeat left center;
        font-size: 0.9222rem;
    }

    .mo_line .writer li:first-child {
        padding-left: 0;
        background: none;
    }

    .mo_line .img {
        vertical-align: middle;
        margin: 0 0 3px;
    }

    /*.mo_line .re_icon{display:inline-block;  float:left;  padding:7px 7px 0 0 ;}*/
    .mo_line .list {
        float: left;
    }

    .mo_line .commentBg {
        display: block;
        position: absolute;
        right: 3px;
        top: 30%;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: url(' /images/user/comment_bg.gif') no-repeat center;
        color: #858585;
        font-weight: 400;
    }

    .mo_line .recom {
        background: url(' /images/user/recom.gif') no-repeat left center;
        background-size: 11px 10px;
        padding: 0 0 0 13px;
        font-size: 10px;
        color: #858585;
    }

    .page_num {
        padding: 30px 0 20px;
    }

    .board_view .titArea {
        padding: 16px 15px;
    }

    .board_view .titArea .btit {
        font-size: 15px;
        margin-bottom: 6px;
        padding-right: 40px;
    }

    .board_view .titArea .count img {
        width: 16px;
        top: 0;
        margin-right: 4px;
    }

    .board_view .conArea {
        padding: 20px 15px;
    }

    .board_view .view_file {
        padding: 15px;
    }

    .board_view .view_file .btit {
        width: 90px;
    }

    .board_view .view_file .btit span {
        font-size: 12px;
        top: 2px;
    }

    .board_view .view_file .bstxt {
        width: calc(100% - 90px);
    }

    .board_view .page_next .prev {
        padding: 14px 15px;
    }

    .board_view .page_next .next {
        padding: 14px 15px;
    }

    .board_view .page_next .pt {
        width: 80px;
    }

    .board_view .page_next .pt:after {
        right: 15px;
        width: 12px;
        background-size: 100% !important;
    }

    .board_view .page_next .pt2 {
        width: calc(100% - 80px);
    }

    /* 버튼디자인 */
    .btn_w {
        height: 30px;
        line-height: 30px;
        width: 65px;
        font-size: 12px;
    }

    .btn_b:link, .btn_b:visited {
        height: 30px;
        line-height: 30px;
        width: 65px;
        font-size: 12px;
    }

    .btn_b_s {
        height: 30px;
        width: 70px;
    }

    input.btn_w {
        height: 30px;
        line-height: 30px;
        width: 65px;
        font-size: 12px;
    }

    input.btn_b {
        height: 30px;
        width: 65px;
        font-size: 12px;
    }

    .bbs_search form {
        width: 100%;
    }

    .bbs_search dt {
        width: 100%;
        margin-bottom: 3px;
    }

    .bbs_search dd {
        width: 100%;
    }

    .bbs_search dd .search_btn {
        height: 42px;
    }

    ;
}

/*******************************************************************************
@media
*******************************************************************************/
@media all and (max-width:420px) {

    /* 검색바 */
    .bbs_search {
        padding-top: 20px;
        width: 100%;
        margin: 0 auto;
    }

    .bbs_search dt {
        display: inline-block;
        width: 100%;
        margin: 0 0 3px;
    }

    .bbs_search dt select {
        width: 100%;
    }

    .bbs_search dd {
        width: 100%;
    }

    .bbs_search dd .search_input {
        margin: 0 3px 0 0;
        width: calc(100% - 83px);
    }

    .bbs_search dd .btn_b_s {
        width: 60px;
        font-size: 1rem;
        margin-left: 0;
    }

    ;
}

/* view */
.board_view {
    border-top: 3px solid var(--jw_point);
    border-bottom: 1px solid #000;
}

.view_head {
    padding: 30px 20px;
}

.view_head h4 {
    font-size: 22px;
    color: var(--jw_point);
    font-weight: 500;
    margin-bottom: 20px;
}

.view_head dl * {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.view_head dt:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background: #555;
    border-radius: 50%;
    margin: 0 5px 3px 0;
}

.view_head dd {
    color: #333;
    margin: 0 20px 0 5px;
}

.view_head dd>a {
    background-color: var(--jw_point);
    color: #fff;
    border: 1px solid var(--jw_point);
    border-radius: 20px;
    padding: 0 10px;
}

.view_cont {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

.view_cont .text {
    padding: 50px 20px;
    font-size: 16px;
    color: #333;
    min-height: 350px;
}

.view_file {
    padding: 30px 20px;
    border-top: 1px solid #ddd;
}

.view_file dl {
    overflow: hidden;
}

.view_file dt {
    float: left;
    margin-right: 30px;
    font-size: 15px;
}

.view_file dd {
    float: left;
}

.view_file a {
    display: inline-block;
    color: #333;
    background: url("/resources/user/_EDU/images/sub/icon_file.png") no-repeat 0 center;
    padding-left: 20px;
    margin-bottom: 10px;
}

.view_file a:hover {
    color: #006BEB;
}

.view_file li:last-child a {
    margin: 0;
}

.view_bott {
    padding: 30px 20px;
    overflow: hidden;
}

.view_bott a {
    line-height: 36px;
    color: #555;
}

.view_bott a:hover {
    color: #000;
}

.view_bott .list_ctrl {
    float: left;
}

.view_bott .list_ctrl a {
    display: block;
    padding-left: 20px;
    background: url("/resources/user/_EDU/images/sub/view_prev.png") no-repeat 0 center;
}

.view_bott .list_ctrl a.brd_next {
    background-image: url("/resources/user/_EDU/images/sub/view_next.png");
}

.view_bott ul {
    float: left;
    padding-left: 30px;
}

/* 20210528 추가 */

/* View Comment */

.brd_comment {
    padding: 30px 50px 40px;
    background: #f8f8f8;
}

.brd_comment .brd_cmt_tit {}

.brd_comment .brd_cmt_tit h5 {
    color: #333;
}

.brd_comment .brd_cmt_tit .comment {
    margin-top: -5px;
    padding-bottom: 10px;
}

.brd_comment .brd_cmt_tit .comment span {
    font-size: 12pt;
    font-weight: 500;
}

.brd_comment .brd_cmt_tit h3 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.brd_comment .brd_cmt_tit p {
    padding: 10px 0 15px;
    color: #555;
    font-size: 14px;
    word-break: keep-all;
    line-height: 1.4;
}

.brd_cmt_cont {
    position: relative;
}

.cmt_writer_info {
    padding-bottom: 10px;
}

.cmt_writer_info .cmt_writer_input {
    border: 1px solid #ddd;
    padding: 0 10px;
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin-right: 5px;
}

.cmt_input_area {
    position: relative;
    padding: 0 100px 0 0;
    height: 100px;
}

.textarea {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    height: 80px;
    width: 100%;
    padding: 15px;
    overflow: auto;
    outline: none;
    box-sizing: border-box;
}

.btnCmt {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 80px !important;
    background: #555;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    cursor: pointer;
}

.btnCmt:hover {
    background: #000;
}

.cmt_reply_write {
    margin-top: 20px;
}

.cal_search {
    background: #f8f8f8;
    padding: 35px;
    margin-bottom: 50px;
    text-align: center;
}

.cal_search .inner {
    position: relative;
    display: inline-block;
    max-width: 600px;
}

.cal_search .sltDrop {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    min-width: 100px;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
}

.cal_search .sltDrop .vDrop {
    height: 44px;
    border-bottom: 2px solid #000;
}

.cal_search .sltDrop .vDrop a {
    font-size: 18px;
    background: none;
    line-height: 43px;
    border: none;
    min-width: 100px;
    width: auto;
    color: #000;
}

.cal_search .sltDrop .vDrop>a {
    padding: 0 25px 0 10px;
}

.cal_search .sltDrop .vDrop ul {
    width: 100%;
    top: 44px;
    z-index: 3;
}

.cal_search .inner>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: 0 10px;
}

.cal_search .inner .cal_btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.cal_search .inner .cal_btn button {
    outline: none;
    height: 44px;
    border-radius: 5px;
    background: #fff;
    line-height: 43px;
    padding: 0 25px;
    font-size: 18px;
    color: #333;
    border: 1px solid #ccc;
    margin: 0 2px;
}

.cal_search .inner .cal_btn button.btn_cal_sch {
    background: #777;
    color: #fff;
    border: none;
}

.cal_head {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}

.cal_head .month_prev {
    float: left;
}

.cal_head .month_next {
    float: right;
}

.cal_head button {
    position: relative;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
}

.cal_head button:after {
    content: '';
    position: absolute;
    left: 17px;
    top: 15px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    transform: rotate(-135deg) translateX(-50%);
    border-left: none;
    border-bottom: none;
}

.cal_head .month_next button:after {
    top: 19px;
    left: 16px;
    transform: rotate(45deg);
}

.cal_head .month_center h4 {
    display: inline-block;
    font-size: 34px;
    font-weight: 600;
}

.cal_container {}

.cal_content {}

.cal_content table {
    table-layout: fixed;
}

.cal_content table thead th {
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 20px 10px;
}

.cal_content table thead th:first-child {
    border-left: none;
}

.cal_content table tbody td {
    text-align: right;
    vertical-align: top;
    border-left: 1px solid #ddd;
    padding: 10px;
}

.cal_content>table>tbody>tr>td {
    padding: 0;
}

.cal_content table tbody td:first-child {
    border-left: none;
}

.cal_container {
    position: relative;
}

.cal_table {
    height: 120px;
}

.cal_table table {
    height: 100%;
}

.cal_table .tb_cal tr td {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 18px;
}

.cal_table .tb_cal tr td.today {
    background: #fefaf3;
    border-top: 1px solid #ddd;
}

.cal_table .tb_cal tr td span.day_past {
    color: #bbb;
}

.cal_event_table {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

.cal_event_table table tr td {
    border: none;
}

.cal_event_table table tr td a.event_msg {
    display: block;
    background: #fff;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
    text-align: left;
    margin-top: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sub020402 : 연간일정 */
.year_edu_list {
    margin-bottom: 80px;
}

.year_edu_list:last-child {
    margin-bottom: 0;
}

.cal_guide {
    margin: 30px 0 0;
}

.cal_guide ul {
    font-size: 0;
}

.cal_guide ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.cal_guide ul li span {
    display: inline-block;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.cal_guide ul li span.sign_wait {
    background: #BF2426;
}

.cal_guide ul li span.sign_end {
    background: #008C93;
}

.cal_guide ul li span.sign_ing {
    background: #D76610;
}

.cal_guide ul li span.sign_edu {
    background: #003ECF;
}

.cal_guide ul li span.sign_finish {
    background: #777;
}

.cal_guide ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    background: #bbb;
    margin: 0 10px;
}

.cal_guide ul li:last-child:after {
    display: none;
}

.sign_state {
    display: inline-flex;
    margin-left: 10px;
    width: 47px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 5%;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    justify-content: space-around;
}

.sign_state.wait {
    background: #FF9800;
}

.sign_state.end {
    background: #3F51B5;
}

.sign_state.ing {
    background: #D76610;
}

.sign_state.edu {
    background: #2196F3;
}

.sign_state.finish {
    background: #777;
}

@media screen and (max-width:1280px) {
    .arrShort_right {
        min-height: 137px;
    }

    ;
}

@media screen and (max-width:1230px) {
    .s020301_2 .step3 dd:last-child .border {
        height: 200px;
    }

    ;
}

@media screen and (max-width:1200px) {
    .s020101_1 .desc {
        padding: 80px;
        padding-left: 48%;
    }

    .s020101_1 .title {
        width: 400px;
    }

    .arrShort_right {
        min-height: 140px;
    }

    ;
}

@media screen and (max-width:1160px) {
    .s020301_2 .step3 .bg_555+p.desc {
        min-height: 98px;
    }

    .arrShort_right:after {
        right: -28px;
    }

    ;
}

@media screen and (max-width:1061px) {
    .s020301_2 .step2 .float_cont {
        height: 395px;
    }

    .arrShort:after, .arrLong:after, .arrShort_before:before {
        margin: 5px auto;
    }

    .arrShort_right:after {
        right: -26px;
    }

    ;
}

@media screen and (max-width:1024px) {
    .s020101_1 .desc {
        padding-left: 50%;
    }

    .s020101_1 .title img {
        width: 320px;
    }

    .s020101_1 .title strong {
        font-size: 34px;
    }

    .s020101_2 .desc {
        padding: 60px 80px 60px 0;
    }

    .s020101_2 .desc p {
        padding-left: 40px;
    }

    .s020301_1 .icon {
        max-width: 50px;
    }

    a.btn_arrow {
        padding: 0 40px 0 15px;
    }

    ;
}

@media screen and (max-width:1020px) {
    .s020301_2 .float_cont_wrap.last .border {
        height: 240px;
    }

    ;
}

@media screen and (max-width:1010px) {
    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: 200px;
    }

    a.btn_arrow {
        font-size: 14px;
    }

    ;
}

@media screen and (max-width:980px) {
    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: 220px;
    }

    .s020301_2 .step3 dd:last-child .border {
        height: 220px;
    }

    ;
}

@media screen and (max-width:960px) {
    .s020101_1 .desc {
        padding: 80px;
    }

    .s020101_1 .title {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        transform: none;
        text-align: center;
        margin-bottom: 25px;
    }

    .s020101_1 .title img {
        float: none;
        margin: 0 auto 20px;
    }

    .s020101_3 .img {
        padding: 60px;
    }

    .s020101_2 .inner {
        padding-left: 0;
    }

    .s020101_2 .desc {
        width: 100%;
        padding: 0 0 50px;
        position: static;
        left: auto;
        top: auto;
    }

    .s020102_1 li {
        float: none;
        width: 100%;
        border-top: 1px solid #ddd;
        min-height: 160px;
        padding-left: 140px;
    }

    .s020102_1 .icon {
        top: 45px;
        width: 80px;
        height: 80px;
        background-size: 40px auto;
    }

    .s020102_3 .inner {
        padding: 80px;
    }

    .s020301_1 ol {
        margin: 30px -2.3333% 80px 0;
    }

    .s020301_1 li {
        width: 31%;
        margin-right: 2.3333%;
        margin-bottom: 20px;
        padding: 30px 20px;
        height: 200px;
    }

    .s020301_1 h5 {
        font-size: 18px;
        margin: 10px 0 10px;
    }

    .s020301_1 p {
        font-size: 15px;
        line-height: 1.4;
    }

    .s020301_1 li:nth-child(3):before, .s020301_1 li:nth-child(3):after {
        display: none;
    }

    .s020301_2 span.step {
        position: static;
        left: auto;
    }

    .s020301_2 h5 {
        position: static;
        left: auto;
        top: auto;
        margin: 5px 0 20px;
    }

    .s020301_2 .rightCont {
        padding-left: 0;
    }

    .s020301_2 .step2 .float_cont {
        height: 376px;
    }

    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: 180px;
    }

    .s020301_2 .step3 dd:last-child .border {
        height: 200px;
    }

    .s020301_2 .float_cont_wrap.last .border {
        height: 220px;
    }

    ;
}

@media screen and (max-width:831px) {
    .s020301_2 .step2 .float_cont {
        height: 395px;
    }

    ;
}

@media screen and (max-width:800px) {
    .s020301_2 .float_cont_wrap.last .border {
        height: 240px;
    }

    ;
}

@media screen and (max-width:780px) {
    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: 200px;
    }

    .id_search_new .login_input dd .input_hp3 {
        width: calc(48.9% - 64px);
    }

    ;
}

@media screen and (max-width:768px) {
    .cal_search .inner .cal_btn button {
        height: 38px;
        line-height: 37px;
        padding: 0 20px;
        font-size: 16px;
    }

    .cal_head button {
        width: 40px;
        height: 40px;
    }

    .cal_head button:after {
        left: 14px;
        top: 12px;
        width: 6px;
        height: 6px;
    }

    .cal_head .month_next button:after {
        top: 15px;
        left: 14px;
        transform: rotate(45deg);
    }

    .cal_head .month_center h4 {
        font-size: 30px;
    }

    .cal_table .tb_cal tr td {
        font-size: 15px;
    }

    .cal_content table tbody td {
        padding: 10px 5px;
        font-size: 15px;
    }

    #s020101 section {
        margin-bottom: 50px;
    }

    .s020101_1 .title img {
        width: 300px;
    }

    .s020101_1 .title strong {
        font-size: 30px;
    }

    .s020101_1 .text p {
        font-size: 18px;
        line-height: 1.5;
    }

    .s020101_2 .desc p {
        font-size: 17px;
        line-height: 1.5;
    }

    .s020101_2 .bg {
        height: 300px;
    }

    .s020101_2 li {
        padding: 40px;
    }

    .s020101_2 li h5 {
        font-size: 22px;
        padding-left: 60px;
        margin-bottom: 30px;
    }

    .s020101_2 li h5:before {
        width: 40px;
        height: 40px;
    }

    .s020101_2 li p {
        font-size: 17px;
        line-height: 1.5;
    }

    .s020101_3 .img {
        padding: 40px;
    }

    .s020102_1 p {
        font-size: 18px;
        line-height: 1.5;
    }

    .s020102_2 h5 {
        font-size: 24px;
    }

    .s020102_2 .bullet_list li {
        font-size: 17px;
        line-height: 1.5;
    }

    .s020102_3 .inner {
        padding: 50px;
    }

    .s020102_3 ol>li {
        padding-left: 130px;
    }

    .s020102_3 span {
        font-size: 16px;
        height: 30px;
        line-height: 29px;
    }

    .s020102_3 h5 {
        font-size: 20px;
    }

    .s020102_3 p {
        font-size: 16px;
        line-height: 1.5;
    }

    a.btn_more {
        height: 30px;
        line-height: 29px;
        font-size: 13px;
        padding: 0 30px 0 10px;
        background-position: right 10px center;
        background-size: 10px auto;
    }

    .bg_blue strong {
        padding: 10px 15px;
        font-size: 18px;
    }

    .rightCont .desc {
        padding: 15px 20px;
    }

    .rightCont p {
        font-size: 15px;
    }

    a.btn_rightCont {
        width: 120px;
        height: 38px;
        line-height: 37px;
        font-size: 15px;
    }

    a.btn_rightCont.abs {
        right: 20px;
    }

    .s020301_2 .step1 .float_cont {
        height: 220px;
    }

    .bg_f4 strong {
        padding: 10px 15px;
        font-size: 18px;
    }

    .rightCont span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .bg_f8 strong {
        padding: 10px 15px;
        font-size: 18px;
    }

    .rightCont strong {
        font-size: 18px;
    }

    .s020301_2 .step2 .float_cont {
        height: 332px;
    }

    .arrLong:after {
        margin: 0 auto;
    }

    .s020301_2 .step3 .btn_rightCont {
        width: 150px;
    }

    .arrShort_right {
        min-height: 112px;
    }

    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: 200px;
    }

    .s020301_2 .step3 .bg_555+p.desc {
        min-height: 80px;
    }

    .s020301_2 .step3 dd:last-child .border {
        height: 200px;
    }

    a.btn_arrow {
        padding: 0 30px 0 15px;
        background-size: 16px auto;
        background-position: right 10px center;
    }

    .s020301_2 .float_cont_wrap.last .border {
        height: 220px;
    }

    .s020301_2 .float_cont_wrap.last {
        padding-left: 200px;
    }

    ;
}

@media screen and (max-width:640px) {
    .cal_search .inner .cal_btn {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .cal_search .inner .cal_btn button {
        width: 48%;
        margin: 0 0.5%;
    }

    .cal_table {
        height: 100px;
    }

    .cal_content table thead th {
        padding: 15px 10px;
        font-size: 15px;
    }

    .cal_content table tbody td {
        font-size: 14px;
    }

    .cal_event_table table tr td a.event_msg {
        font-size: 13px;
    }

    #s020402 .cal_search .inner .cal_btn button {
        width: 80%;
        margin: 0;
    }

    .cal_guide ul li {
        font-size: 13px;
        margin-left: 10px;
    }

    .cal_guide ul li:first-child {
        margin-left: 0;
    }

    .cal_guide ul li span {
        margin-right: 5px;
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 12px;
    }

    .cal_guide ul li:after {
        display: none;
    }

    .s020101_1 .desc {
        padding: 60px;
    }

    .s020101_1 .title p {
        padding: 15px 20px;
    }

    .s020101_1 .title strong {
        font-size: 26px;
    }

    .s020101_2 ul {
        display: block;
        margin-top: 50px;
    }

    .s020101_2 ul li {
        display: block;
        width: 100%;
    }

    .s020102_2 .img {
        position: static;
        width: 100%;
        padding-right: 0;
        left: auto;
    }

    .s020102_2 h5, .s020102_2 ul {
        padding-left: 0;
    }

    .s020102_2 .desc {
        padding-left: 0;
        min-height: auto;
        margin-top: 30px;
    }

    .s020102_3 ol {
        margin-top: 80px;
    }

    .s020102_3 ol>li {
        padding-left: 30px;
    }

    .s020102_3 span {
        position: static;
        left: auto;
        margin-bottom: 10px;
    }

    #s020201 .tb_col thead {
        display: none;
    }

    #s020201 .tb_col tr {
        display: block;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    #s020201 .tb_col tr td {
        display: block;
        width: 100%;
        position: relative;
        border: none;
        text-align: left;
        padding: 3px 0 3px 200px;
    }

    #s020201 .tb_col tr td:first-child {
        display: none;
    }

    #s020201 .tb_col tr td:last-child {
        padding-left: 0;
    }

    #s020201 .tb_col tr td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 200px;
        font-size: 14px;
        color: #000;
    }

    #s020201 .tb_col tr td:last-child:before {
        display: none;
    }

    .s020301_1 span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        top: 15px;
        left: 15px;
    }

    .s020301_1 .icon {
        max-width: 46px;
    }

    .s020301_1 li:before {
        border-left: 12px solid #ccc;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    .s020301_1 li:after {
        border-left: 10px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

    .float_cont {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .rightCont .border.blue .desc {
        text-align: center;
    }

    a.btn_rightCont.abs {
        display: inline-block;
        margin-top: 15px;
        position: static;
        top: auto;
        transform: none;
        right: auto;
    }

    .s020301_2 .step1 .float_cont {
        height: auto;
    }

    .rightCont strong {
        font-size: 16px;
    }

    .s020301_2 .step2 .float_cont {
        height: auto;
    }

    .float_cont_wrap {
        margin-right: 0;
    }

    .arrLong:after {
        width: 20px;
        height: 22px;
        background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;
        margin: 5px auto;
    }

    .s020301_2 .step2 .arrLong+.desc {
        position: static;
        bottom: auto;
        left: auto;
    }

    .s020301_2 .step3 .float_cont_wrap:first-child .border {
        height: auto;
    }

    .s020301_2 .step3 .btn_rightCont {
        display: inline-block;
        width: auto;
        padding: 0 20px;
        font-size: 14px;
    }

    .s020301_2 .step3 .ment {
        margin: 30px 0;
    }

    .arrShort_right {
        min-height: auto;
    }

    .step3 .arrShort_right:after {
        position: static;
        width: 25px;
        height: 20px;
        top: auto;
        right: auto;
        background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;
        transform: none;
        margin: 5px auto -10px;
    }

    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right {
        margin-bottom: 30px;
    }

    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right:after {
        transform: translateY(30px);
    }

    .s020301_2 .step3 dt {
        font-size: 18px;
        margin: 20px 0;
    }

    .rightCont strong {
        font-size: 15px;
    }

    .bg_555 strong {
        padding: 10px 20px;
    }

    .s020301_2 .step3 .bg_555+p.desc {
        min-height: auto;
        line-height: 1.4;
    }

    .s020301_2 .step3 dd:last-child .border {
        height: auto;
    }

    a.btn_arrow {
        display: inline-block;
        padding-right: 50px;
        padding-left: 20px;
        background-position: right 20px center;
    }

    .s020301_2 .float_cont_wrap.last {
        padding-left: 0;
    }

    .s020301_2 .float_cont_wrap.last .border {
        height: auto;
        position: static;
        left: auto;
        width: 100%;
        margin: 0 0 20px;
    }

    .s020301_2 .float_cont_wrap.last .border:last-child {
        margin-bottom: 0;
    }

    ;
}

@media screen and (max-width:480px) {
    .cal_search {
        padding: 30px;
        margin-bottom: 30px;
    }

    .cal_search .sltDrop {
        min-width: 80px;
    }

    .cal_search .sltDrop .vDrop {
        height: 40px;
    }

    .cal_search .sltDrop .vDrop a {
        font-size: 16px;
        line-height: 39px;
    }

    .cal_search .sltDrop .vDrop>a {
        min-width: 80px;
        padding: 0 20px 0 10px;
    }

    .cal_search .sltDrop .vDrop ul {
        top: 40px;
    }

    .cal_search .inner>span {
        font-size: 16px;
    }

    .cal_head button {
        width: 34px;
        height: 34px;
    }

    .cal_head button:after {
        top: 9px;
        left: 11px;
    }

    .cal_head .month_next button:after {
        top: 12px;
        left: 11px;
    }

    .cal_head .month_center h4 {
        font-size: 25px;
    }

    .cal_event_table table tr td a.event_msg {
        font-size: 12px;
    }

    #s020402 table thead {
        display: none;
    }

    #s020402 table tr, #s020402 table tr td {
        display: block;
    }

    #s020402 table tr {
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    #s020402 table tr td {
        position: relative;
        text-align: left;
        border: none;
        padding: 2px 10px 2px 80px;
    }

    #s020402 table tr td:first-child {
        padding-left: 0;
        margin-bottom: 10px;
    }

    #s020402 table tr td a {
        color: #000;
    }

    #s020402 table tr td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 2px;
        display: inline-block;
        width: 80px;
        vertical-align: middle;
    }

    #s020402 table tr td:first-child:before {
        display: none;
    }

    #s020101 section {
        margin-bottom: 30px;
    }

    .s020101_1 .desc {
        padding: 40px;
    }

    .s020101_1 .title img {
        width: 100%;
        max-width: 100%;
    }

    .s020101_1 .title p {
        padding: 15px;
    }

    .s020101_1 .title strong {
        font-size: 22px;
    }

    .s020101_1 .text p {
        font-size: 16px;
    }

    .s020101_2 .desc p {
        font-size: 16px;
        padding-left: 25px;
    }

    .s020101_2 .bg {
        height: 200px;
    }

    .s020101_2 ul li {
        padding: 30px;
    }

    .s020101_2 li h5 {
        font-size: 20px;
        padding-left: 40px;
        margin-bottom: 10px;
    }

    .s020101_2 li h5:before {
        width: 30px;
        height: 30px;
        background-size: 12px auto;
    }

    .s020101_2 li p {
        font-size: 15px;
    }

    .s020101_3 .img {
        padding: 25px;
    }

    #s020102 section {
        margin-bottom: 50px;
    }

    .s020102_1 li {
        min-height: 160px;
        padding: 20px 30px;
        padding-left: 120px;
    }

    .s020102_1 .icon {
        top: 20px;
        width: 60px;
        height: 60px;
        background-size: 30px auto;
    }

    .s020102_1 p {
        font-size: 16px;
    }

    .s020102_2 h5 {
        font-size: 20px;
    }

    .s020102_2 .bullet_list li {
        font-size: 16px;
    }

    .s020102_3 .inner {
        padding: 25px;
    }

    .s020102_3 ol>li {
        padding: 20px;
    }

    .s020102_3 span {
        font-size: 14px;
        height: 26px;
        line-height: 25px;
        padding: 0 15px;
    }

    .s020102_3 h5 {
        font-size: 18px;
    }

    .s020102_3 p {
        font-size: 15px;
    }

    #s020201 .tb_col tr td {
        padding: 5px 0;
        line-height: 1.4;
        font-size: 14px;
    }

    #s020201 .tb_col tr td.td_subject a {
        font-size: 16px;
    }

    #s020201 .tb_col tr td:last-child {
        text-align: right;
    }

    #s020201 .tb_col tr td:before {
        display: none;
    }

    .s020301_1 ol {
        margin: 20px 0 50px 0;
    }

    .s020301_1 li {
        float: none;
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .s020301_1 li:before, .s020301_1 li:after {
        top: auto;
        right: auto;
        left: 50%;
        bottom: -13px;
        transform: translate(-50%, 0);
    }

    .s020301_1 li:before {
        border-left: 7px solid transparent;
        border-top: 12px solid #ccc;
        border-right: 7px solid transparent;
        border-bottom: none;
    }

    .s020301_1 li:after {
        border-left: 7px solid transparent;
        border-top: 14px solid #fff;
        border-right: 7px solid transparent;
        border-bottom: none;
    }

    .s020301_1 li:nth-child(3):before, .s020301_1 li:nth-child(3):after {
        display: inline-block;
    }

    ;
}

.cal_content table thead th {
    font-weight: 500;
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 20px 10px;
}

#calendar_div table .fc-day-grid-event {
    display: block;
    background: #ddd;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal_content table tbody td:first-child {
    border-left: 1px solid #ddd;
}

#calendar_div table .holiday {
    background: #c40303;
    color: #fff;
}

#calendar_div table .fc-sun {
    color: red;
}

#calendar_div table .fc-sat {
    color: blue;
}


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

************************************************** */
.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    font-size: 1em;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
}

.fc-unthemed td.fc-today .fc-day-number {
    color: #74b73b;
    font-weight: bold;
    border: 1px solid #74b73b;
    border-radius: 100px;
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    background: #d7d7d7;
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3;
}

.ui-widget .fc-disabled-day {
    background-image: none;
}

.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fc-icon:after {
    position: relative;
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer;
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default {
    border: 1px solid;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fc button .fc-icon {
    position: relative;
    top: -0.05em;
    margin: 0 .2em;
    vertical-align: middle;
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.fc-state-down, .fc-state-active {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none;
}

.fc-button-group {
    display: inline-block;
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group>:first-child {
    margin-left: 0;
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.fc-popover .fc-header {
    padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
    cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0;
}

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
}

.fc-bg table {
    height: 100%;
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.fc th {
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    font-weight: bold;
}

.fc th, .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
}

a[data-goto] {
    cursor: pointer;
}

a[data-goto]:hover {
    text-decoration: underline;
}

.fc .fc-row {
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0;
}

.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%;
}

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}

.fc-row .fc-highlight-skeleton {
    z-index: 3;
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
}

.fc-row .fc-helper-skeleton {
    z-index: 5;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    background: 0;
    border-color: transparent;
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0;
}

.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

.fc-scroller>.fc-day-grid, .fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.7;
    font-weight: normal;
}

.fc-event, .fc-event-dot {
    background-color: #b6bbbf;
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
}

.fc-event[href], .fc-event.fc-draggable {
    cursor: pointer;
}

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
    padding: 1px;
    text-align: left;
    margin-left: 10px;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
}

.fc-event .fc-resizer {
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block;
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px;
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
}

.fc-day-grid-event {
    padding: 0 1px;
    border: 0;
}

tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px;
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

a.fc-more:hover {
    text-decoration: underline;
}

.fc-limited {
    display: none;
}

.fc-day-grid .fc-row {
    z-index: 1;
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

.fc-more-popover .fc-event-container {
    padding: 10px;
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc-toolbar {
    text-align: center;
    display: none;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc-toolbar .fc-center {
    display: inline-block;
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em;
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0;
}

.fc-toolbar h2 {
    margin: 0;
}

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view, .fc-view>table {
    position: relative;
    z-index: 1;
}

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton {
    padding-bottom: 1em;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
}

.fc-row.fc-rigid {
    overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-day-top {
    line-height: 30px;
    padding: 2px;
}

.fc-day-top.fc-other-month {
    opacity: .3;
}

.fc-basic-view .fc-week-number {
    padding: 4px;
}

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {
    padding: 0 2px;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}

.fc-basic-view td.fc-week-number {
    text-align: center;
}

.fc-basic-view td.fc-week-number>* {
    display: inline-block;
    min-width: 1.25em;
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em;
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal;
}

.fc-time-grid-container, .fc-time-grid {
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
}

.fc-time-grid table {
    border: 0 hidden transparent;
}

.fc-time-grid>.fc-bg {
    z-index: 1;
}

.fc-time-grid .fc-slats, .fc-time-grid>hr {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-content-col {
    position: relative;
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5;
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6;
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: 0;
}

.fc-time-grid .fc-highlight-container {
    position: relative;
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0;
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-time-grid-event {
    overflow: hidden;
}

.fc-time-grid-event.fc-selected {
    overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none;
}

.fc-time-grid-event .fc-content {
    overflow: hidden;
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px;
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none;
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "=";
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.fc-rtl .fc-list-view {
    direction: rtl;
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

.fc .fc-list-table {
    table-layout: auto;
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

.fc-list-heading {
    border-bottom-width: 1px;
}

.fc-list-heading td {
    font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt {
    float: right;
}

.fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

.fc-list-item.fc-has-url {
    cursor: pointer;
}

.fc-list-item:hover td {
    background-color: #f5f5f5;
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit;
}

.fc-list-item-title a[href]:hover {
    text-decoration: underline;
}

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    background-color: #eee;
}

.fc-sat {
    color: #00f;
}

.fc-sun, .fc-holiday {
    color: #f00;
}

.fc td .fc-event-container {
    padding: 2px 0;
}

.fc-time {
    display: none;
}

.fc-title {
    cursor: pointer;
}

.fc-day-top span {
    padding: 0 4px;
}

.fc-day-top .fc-day-number {
    float: left;
}

.fc-day-top .fc-day-title {
    float: right;
    color: gray;
    font-size: 13px;
    font-weight: bold;
}

.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}

.filebox .upload-name1 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}

.filebox .upload-name2 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}

.filebox .upload-name3 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}

.filebox label {
    height: 40px;
    margin-left: 10px;
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: #4a5d7a;
    padding: 0 20px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

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

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

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

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

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

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

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

textarea {
    width: 100%;
    border: 1px solid #d5d5d5;
    min-height: 80px;
}