@import url("layout.css"); @import url("con_com.css"); /*-----------------------------------------------------------
Author : SY,CHo
Create date : 2021. 12. 21

Edit : Hyerim Park, 2022. 02.
Edit : Gahye Park, 2022. 02.
-----------------------------------------------------------*/
.pdf_down {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5rem;
    background: #d93030;
    color: #fff;
    font-size: 1rem;
}

/* ���� ���־� */
.sub_visual {
    position: relative;
    height: 20rem;
    text-align: center;
    overflow: hidden;
}

.sub_visual:after {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    width: 100%;
    height: 4.5rem;
    background: url('/images/web/snue/main/temB_visual_bottom.png') no-repeat top center / cover;
    content: "";
    -webkit-transform: rotate(2deg) translateY(50px);
    transform: rotate(2deg) translateY(50px);
    -webkit-transition: 1s 0.5s;
    transition: 1s 0.5s;
}

.sub_visual .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center / cover;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 1.5s 0.5s;
    transition: all 1.5s 0.5s;
}

.sub_visual.sv1 .img {
    background-image: url('/images/web/snue/sub/sVisual01.png');
}

.sub_visual.sv2 .img {
    background-image: url('/images/web/snue/sub/sVisual02.png');
}

.sub_visual.sv3 .img {
    background-image: url('/images/web/snue/sub/sVisual03.png');
}

.sub_visual.sv4 .img {
    background-image: url('/images/web/snue/sub/sVisual04.png');
}

.sub_visual.sv5 .img {
    background-image: url('/images/web/snue/sub/sVisual05.png');
}

.sub_visual.sv6 .img {
    background-image: url('/images/web/snue/sub/sVisual06.png');
}

.sub_visual .slogan {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #131313;
}

.sub_visual .slogan p {
    padding-top: 2.5rem;
}

.sub_visual .slogan span {
    opacity: 0;
    margin: 0 5rem;
    -webkit-transition: 1s 0.5s;
    transition: 1s 0.5s;
}

.sub_visual .slogan h2 {
    margin-top: -6rem;
    line-height: 1;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    -webkit-transition: 1s 0.5s;
    transition: 1s 0.5s;
}

.sub_visual .slogan em {
    opacity: 0;
    margin-top: 1rem;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 1rem;
    font-style: italic;
    font-weight: 200;
    -webkit-transition: 1s 0.5s;
    transition: 1s 0.5s;
}

.sub_visual.active:after {
    -webkit-transform: none;
    transform: none;
}

.sub_visual.active .img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sub_visual.active .slogan span {
    margin: 0;
    opacity: 1;
}

.sub_visual.active .slogan span:first-child {
    opacity: 1;
}

.sub_visual.active .slogan span img {
    width: 10rem;
}

.sub_visual.active .slogan h2 {
    opacity: 1;
}

.sub_visual.active .slogan em {
    opacity: 0.7;
    letter-spacing: 0.5rem;
}

#contents {
    min-height: calc(100vh - 10rem);
    line-height: 1.8;
    letter-spacing: -1px;
    padding-bottom: 4rem;
}

#contents .container {
    position: relative;
    margin-top: -2.5rem;
    text-align: left;
    max-width: 1300px;
}

.conHeader {
    position: relative;
    width: 100%;
    height: 2.5rem;
    box-shadow: 1px 0 10px rgba(0,0,0,0.07);
    background: #053983;
    color: #fff;
}

/* ����޴� */
#snb {
    position: relative;
    padding-left: 2.5rem;
    padding-right: 7rem;
    height: 2.5rem;
    line-height: 1.5rem;
    z-index: 5;
}

/*#snb:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb .home {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    text-align: center;
    line-height: 2.5rem;
}

/*#snb .home:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb ul {
    position: absolute;
    left: -1px;
    top: 0;
    padding-top: 2.5rem;
    height: 2.5rem;
    color: #262626;
}

#snb ul:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #053983;
    content: "";
}

#snb li {
    position: relative;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

#snb a {
    position: relative;
    display: block;
    padding: 0.4rem 1rem;
    font-size: 0.8rem;
}

#snb ul.open {
    height: auto;
    background: #fff;
}

#snb ul.open > li {
    visibility: visible;
    opacity: 1;
}

/** active **/
#snb li.active {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 2.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

#snb li.active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 1px;
    height: 1rem;
    background: #fff;
    opacity: 0.3;
}

#snb li.active > a {
    display: table-cell;
    padding: 0 1.5rem 0 1rem;
    vertical-align: middle;
    background: #053983;
    color: #fff;
}

#snb li.active > a:before {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-family: 'xeicon';
    content: "\e936";
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#snb li:not(.active) > a:before, #snb li:not(.active) > a:before {
    position: absolute;
    top: calc(50% - 2px);
    left: 1.5rem;
    width: 0;
    height: 3px;
    background: #053983;
    overflow: hidden;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#snb li:not(.active) > a:hover, #snb li:not(.active) > a:focus {
    font-weight: 600;
    color: #053983;
}

#snb li:not(.active) > a:hover:before, #snb li:not(.active) > a:focus:before {
    width: calc(100% - 2.5rem);
    opacity: 1;
}

#snb li:not(.active) > a span {
    position: relative;
    display: inline-block;
    padding-right: 0.5rem;
    background: #fff;
}

#snb li > a[target='_blank'] > span:after {
    display: inline-block;
    margin-left: 5px;
    font-family: 'xeicon';
    font-size: 0.8rem;
    content: "\e980";
}

#snb .dep01 {
    position: relative;
    width: 11.5rem;
    z-index: 3;
}

#snb .dep01 > li {
    width: 100%;
}

#snb .dep02, #snb .dep03 {
    left: calc(100% - 1px);
    width: 100%;
}

#snb .dep02 {
    height: 0;
    visibility: hidden;
}

#snb .dep02.open {
    height: auto;
    visibility: visible;
}

#snb .dep02.mobSnb {
    height: 2.5rem;
    visibility: visible;
}

#snb .dep02.mobSnb.open {
    height: auto;
    visibility: visible;
}

#snb a, #snb :before {
    transition: all .3s;
    -webkit-transition: all .3s;
}

#snb .mobSnb > li.active a {
    position: relative;
    font-weight: 600;
}

#snb .mobSnb > li.active a > span {
    position: relative;
}

#snb .mobSnb > li.active a > span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #f4f9fd;
}

/*����ϰԽ���
.T3_E15 .prg_lst{margin:-.75rem;overflow:hidden;}
.T3_E15 .prg_lst > li{width:32%;float:left;padding: 0.75em;margin-top: 10px;margin-left: 1%;}
.T3_E15 .prg_lst > li > a{position:relative;display:block;border:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .img{display:block;width:100%;height: 215px;text-align: center;} 
.T3_E15 .prg_lst > li .img img{height: 100%;}
.T3_E15 .prg_lst > li .txt{display:block;width:100%;padding:1rem 1rem 1.5rem;border-top:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .txt .prg_tit{display:block;margin-top:0rem;font-size: 18px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.T3_E15 .prg_lst > li .txt .prg_tit:hover{text-decoration: underline;}
.T3_E15 .prg_lst > li .txt .prg_info{overflow:hidden;margin-top:0.5rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li{color:#4a4a4a;font-size:.8rem; float: left;}
.T3_E15 .prg_lst > li .txt .prg_info > li > i{display:inline-block;margin-right:.25rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li + li{margin-top:0rem; float: right;}*/
/* sns */
.snsBox {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    line-height: normal;
    z-index: 6;
    background: #053983;
}

.snsBox a {
    float: left;
    position: relative;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 1rem;
    overflow: hidden;
}

.snsBox > a + a {
    margin-left: -1px;
}

.snsBox a .ico {
    position: relative;
    display: block;
    width: 22px;
    height: 23px;
    margin: 0 auto;
    overflow: hidden;
}

.snsBox .sns_more {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    display: none;
    width: 14.5rem;
    border: 1px solid #053983;
    background: #fff;
    z-index: 2;
}

.snsBox .sns_more a {
    vertical-align: middle;
    font-size: 1rem;
    color: #fff;
    border: none;
}

.snsBox .sns_more a:not(.btnClose) {
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    border-radius: 0.5rem;
    margin: 0.3rem;
}

.snsBox .sns_more a:not(.btnClose) i {
    line-height: 2.25rem;
}

.snsBox .sns_more a.btnFbook {
    background: #1876f0;
}

.snsBox .sns_more a.btnYoutube {
    background: #d6252d;
}

.snsBox .sns_more a.btnBlog {
    background: #5cb632;
}

.snsBox .sns_more a.btnBlog img {
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.snsBox .sns_more a.btnKakaoStory {
    background: #ffc20f;
}

.snsBox .sns_more a.btnTwitter {
    background: #1da1f2;
}

.snsBox .sns_more a.btnInstagram {
    background: linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -webkit-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -o-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -moz-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
}

.snsBox .sns_more a.btnKakaoTalk {
    background: #fbe300;
    color: #3b1e1e;
}

.snsBox .sns_more a.btnClose {
    position: absolute;
    top: calc(-2.5rem - 1px);
    right: 0;
    margin-left: 0;
    background: #053983;
}

.snsBox > a:before, .snsBox .sns_more a.btnClose:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 1px;
    height: 1rem;
    background: #fff;
    opacity: 0.3;
}

/** sns : action **/
.snsBox > a:hover, .snsBox > a:focus {
    border-color: #8dacdb;
    z-index: 1;
}

#sub_content {
    padding: 3rem 0;
}

.conH3 {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    color: #111;
}

/* ����� �ٷΰ��� */
#user > ul {
    box-shadow: 3px 3px 10px rgb(0,0,0,0.05);
}

/*������ �� ��
.con_box .tab_list{border:3px solid #2196f3; } */
/* ���շα��� */
.login_wrap {
    text-align: center;
}

.login_wrap .login_logo {
    display: inline-block;
    margin: 1.5rem auto 1.25rem;
}

.login_wrap .login_box {
    position: relative;
    width: 50rem;
    margin: auto;
}

.login_wrap .login_box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 4.75rem);
    height: 3px;
    background: #ccc;
    content: "";
    z-index: 1;
}

.login_wrap .login_box:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.9rem;
    height: 3px;
    background: #0098d9;
    content: "";
    z-index: 1;
}

.login_wrap .login_box .inner {
    position: relative;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
    line-height: 1.3;
}

.login_wrap .login_box .inner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -.25rem;
    right: -.25rem;
    background: #f0f0f0;
    content: "";
    z-index: -1;
}

.login_wrap .login_box .inner:after {
    display: block;
    clear: both;
    content: "";
}

.login_wrap .login_box .inner [class^="login_type"] {
    position: relative;
    float: left;
    width: 50%;
    height: 27.5rem;
    padding: 2.5rem 1.5rem;
    text-align: left;
}

.login_wrap .login_box .inner [class^="login_type"] .login_tit {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    line-height: 1;
    font-size: 1.2rem;
    color: #333;
    font-weight: 700;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li {
    overflow: hidden;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li + li {
    margin-top: .5rem;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li > span {
    float: left;
    width: 5.5rem;
    font-weight: 600;
    font-size: .9rem;
    line-height: 1.9rem;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box {
    float: left;
    width: calc(100% - 5.5rem);
    height: 1.9rem;
    border: 1px solid #b9bec7;
    background: #fff;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box input {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: 0;
}

.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box input::-ms-expand {
    display: none;
}

.login_wrap .login_box .inner [class^="login_type"] .list_st1 > li:before {
    top: .4rem;
}

.login_wrap .login_box .inner [class^="login_type"] .btn_sky span, .login_wrap .login_box .inner [class^="login_type"] .btn_black span {
    position: relative;
    padding: 0.49rem 1.2rem !important;
}

.login_wrap .login_box .inner .login_type1 {
    background: #fcfcfc;
}

.login_wrap .login_box .inner .login_type1 .btn_sky {
    display: block;
    width: 100%;
    margin: 1rem 0 0 !important;
    text-align: center;
}

.login_wrap .login_box .inner .login_type1 .box_st3 {
    margin-top: 1rem;
    padding: .75rem;
    background: #fff;
    overflow: hidden;
}

.login_wrap .login_box .inner .login_type1 .box_st3 .btn_gray {
    float: right;
    margin: .25rem 0 0 !important;
}

.login_wrap .login_box .inner .login_type1 .box_st3 .btn_gray > span {
    padding: 0 1.5rem !important;
    background: #9f9f9f;
    border-color: #9f9f9f;
    font-size: .65rem !important;
    color: #fff;
    line-height: 1.2rem;
}

.login_wrap .login_box .inner .login_type1 .box_st3 + .list_st1 {
    margin-top: 1.25rem;
}

.login_wrap .login_box .inner .login_type2 {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #a0c3e3;
}

.login_wrap .login_box .inner .login_type2:before {
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 14.6rem;
    height: 9.8rem;
    background: url(/images/web/snue/sub/login_logo2.png) no-repeat center / 100% 100%;
    content: "";
}

.login_wrap .login_box .inner .login_type2 .btn_black {
    display: block;
    width: 100%;
    margin: 0 !important;
    text-align: center;
}

.login_wrap .login_box .inner .login_type2 .list_st1 {
    position: relative;
    margin-top: 1.25rem;
}

/* ��й�ȣ ���� */
.join_table {
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 1rem;
    padding: 5rem 2.5rem 1.75rem;
    width: 100%;
    max-width: 35rem;
    margin: 3.25rem auto 0;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
}

.join_table:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -3.25rem;
    width: 6.5rem;
    height: 6.5rem;
    margin-left: -3.25rem;
    background: #eee url('/images/web/apple/member/ico_login.png') no-repeat center;
    background-size: contain;
    border-radius: 3.25rem;
}

.join_table table td {
    padding: 0.3rem 0;
}

.join_table table td input {
    width: 100%;
}

/* ��â �˾� */
.pop_wrap .heading {
    padding: .75rem 1rem;
    background: #0098d9;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}

.pop_wrap .pop_con {
    margin-top: 1rem;
    padding: 1rem;
}

/*============================ ���������� ============================*/
/* �����̳� */
.eduIdlgy {
    position: relative;
    display: table;
    width: 100%;
    height: 17rem;
    padding-top: 3.5rem;
    margin-bottom: 2.5rem;
}

.eduIdlgy .cont {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 1rem 2rem 1rem 29rem;
    background: #f6f6f6;
    border-radius: 0 0 2rem 0;
    overflow: hidden;
    word-break: keep-all;
    font-size: .85rem;
}

.eduIdlgy .cont:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9rem;
    height: 9rem;
    background: url(/images/web/snue/sub/symbol1.png) no-repeat center/cover;
    opacity: 0.1;
    border-radius: 0 0 1rem 0;
}

.eduIdlgy .cont h3 {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.eduIdlgy .cont h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #013686;
    border-radius: 0.5rem;
}

.eduIdlgy .cont p {
    font-weight: 600;
}

.eduIdlgy .img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27rem;
    height: 17rem;
    padding-left: .5rem;
    padding-bottom: .5rem;
    overflow: hidden;
    z-index: 1;
}

.eduIdlgy .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: .5rem;
    width: calc(100% - .5rem);
    height: calc(100% - .5rem);
    border-radius: 1.5rem;
    background: #013686;
}

.eduIdlgy .img p {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
    line-height: 1;
}

.eduIdlgy .img img {
    position: relative;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.eduIdlgy.edu02 .cont {
    border-radius: 0 0 0 2rem;
    padding: 1rem 30rem 1rem 2rem;
}

.eduIdlgy.edu02 .cont:before {
    right: auto;
    left: 0;
    border-radius: 0 0 0 1rem;
}

.eduIdlgy.edu02 .cont h3:before {
    background: #0098d9;
}

.eduIdlgy.edu02 .img {
    right: 0;
    left: auto;
}

.eduIdlgy.edu02 .img:before {
    background: #0098d9;
}

.eduGoal {
    width: 104%;
    margin-left: -2%;
    font-size: 0;
    overflow: hidden;
    word-break: keep-all;
}

.eduGoal dt {
    font-size: 1.25rem;
    color: #08316f;
    text-align: center;
    font-weight: 600;
    margin: 0 2% 1rem;
    background: url(/images/web/snue/sub/pttrn_slide.png) repeat-x center;
}

.eduGoal dt span {
    display: inline-block;
    background: #fff;
    padding: 0 1.5rem;
}

.eduGoal dd {
    position: relative;
    width: 46%;
    min-height: 17rem;
    font-size: .8rem;
    display: inline-block;
    vertical-align: top;
    margin: .5rem 2%;
    padding: 1.5rem;
    border-radius: 1rem;
    border: 2px solid #ddd;
    background: no-repeat right bottom;
}

.eduGoal dd:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: 1.75rem;
    border: 2px solid #0098d9;
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
}

.eduGoal dd .num {
    line-height: 1.6;
    font-size: .9rem;
    font-weight: 600;
}

.eduGoal dd .num span {
    position: relative;
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    border-radius: 50%;
    margin: .5rem;
    color: #fff;
    background: #0098d9;
    vertical-align: middle;
}

.eduGoal dd .num span:before {
    content: "";
    position: absolute;
    left: -.4rem;
    top: -.4rem;
    width: calc(100% + .8rem);
    height: calc(100% + .8rem);
    border: 1px dashed #0098d9;
    border-radius: 50%;
}

.eduGoal dd .num p {
    width: calc(100% - 5rem);
    display: inline-block;
    vertical-align: middle;
    padding-left: .5rem;
    font-weight: 600;
}

.eduGoal dd .txt {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dotted #ddd;
}

.eduGoal dd.w100 {
    width: 96%;
    min-height: 0px;
}

.eduGoal dd.colTy:before {
    border-color: #08316f;
}

.eduGoal dd:nth-of-type(1) {
    background-image: url('/images/web/snue/sub/eduGoal1.png');
}

.eduGoal dd:nth-of-type(2) {
    background-image: url('/images/web/snue/sub/eduGoal2.png');
}

.eduGoal dd:nth-of-type(3) {
    background-image: url('/images/web/snue/sub/eduGoal3.png');
}

.eduGoal dd:nth-of-type(4) {
    background-image: url('/images/web/snue/sub/eduGoal4.png');
}

.eduGoal dd:nth-of-type(5) {
    background-image: url('/images/web/snue/sub/eduGoal5.png');
}

.eduGoal dd:nth-of-type(6) {
    background-image: url('/images/web/snue/sub/eduGoal6.png');
}

.eduGoal dd:nth-of-type(7) {
    background-image: url('/images/web/snue/sub/eduGoal7.png');
}

/* ���� */
.history_wrap {
    position: relative;
    background: #f8f9f9;
    padding: 2.5rem 1.5rem;
    word-break: keep-all;
}

.history_wrap h4 {
    font-family: "Montserrat";
    font-weight: 200;
    color: #083d9d;
    font-size: 3rem;
    text-align: center;
    line-height: 2.5rem;
    margin-bottom: 2rem;
}

.history_wrap h4:before {
    content: "SNUE";
    color: #dde4ef;
    font-weight: 800;
    display: block;
}

.history_wrap > dl {
    position: relative;
    padding-bottom: 2rem;
}

.history_wrap > dl:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
}

.history_wrap > dl > dt {
    position: relative;
    width: 10rem;
    line-height: 3rem;
    background: #1b50b0;
    border-radius: 3rem;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 auto 1rem;
}

.history_wrap > dl > dd > dl {
    position: relative;
    width: 50%;
    margin-top: 0.5rem;
    padding-top: 0.2rem;
}

.history_wrap > dl > dd > dl > dt {
    position: absolute;
    top: 0;
    width: 3.8rem;
    color: #1b50b0;
    font-size: 1rem;
    font-weight: 800;
}

.history_wrap > dl > dd > dl > dt:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 3.4rem;
    height: 3px;
    background: #00acf6;
}

.history_wrap > dl > dd > dl.right {
    margin-left: 50%;
    padding-left: 5.3rem;
}

.history_wrap > dl > dd > dl.right > dt {
    left: 0;
    text-align: right;
}

.history_wrap > dl > dd > dl.right > dt:before {
    left: -0.3rem;
}

.history_wrap > dl > dd > dl.left {
    text-align: right;
    padding-right: 5.3rem;
}

.history_wrap > dl > dd > dl.left > dt {
    right: 0;
    text-align: left;
}

.history_wrap > dl > dd > dl.left > dt:before {
    right: -0.3rem;
}

.history_wrap > dl > dd > dl > dd {
    font-size: 0.9rem;
    font-weight: 400;
}

.history_wrap > dl > dd > dl > dd > ul > li {
    position: relative;
    padding-left: 0.5rem;
}

.history_wrap > dl > dd > dl > dd > ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8rem;
    width: 4px;
    height: 4px;
    background: #a9b4c7;
    border-radius: 50%;
}

.history_wrap > dl:last-child {
    padding-bottom: 10rem;
}

.history_wrap > dl:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 1.75rem);
    width: 3.5rem;
    height: 3.5rem;
    background: url('/images/web/snue/sub/ico_history.png') no-repeat center / cover;
}

/* �б���¡ */
.symbolBox .ciBox {
    overflow: hidden;
}

.symbolBox .ciBox .ci {
    width: 20rem;
    float: left;
}

.symbolBox .ciBox .ci .img {
    text-align: center;
    line-height: 14rem;
}

.symbolBox .ciBox .ci .img img {
    vertical-align: middle;
}

.symbolBox .ciBox .ci strong {
    display: block;
    padding-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
    border-top: 1px dotted #ddd;
}

.symbolBox .ciBox .ci span {
    display: block;
}

.symbolBox .ciBox .cont {
    width: calc(100% - 20rem);
    padding-left: 2rem;
    float: left;
}

.symbolBox .box {
    text-align: center;
    padding: 1.5rem;
    font-size: 0;
}

.symbolBox .box img {
    max-width: 100%;
}

.symbolBox .box2 {
    min-height: 7rem;
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 1.7rem 1.5rem;
    font-size: 0;
}

.symbolBox .box2 img {
    max-width: 100%;
}

.symbolBox .tit3 + .box, .symbolBox .tit3 + .box2 {
    margin-top: 1rem;
}

.symbolBox .list_w30 {
    display: flex;
    margin-right: -1.5rem;
    margin-bottom: 1rem;
}

.symbolBox .list_w30 > li {
    flex: 1;
    margin-right: 1.5rem;
    border: 1px solid #bdcddd;
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
}

.symbolBox .list_w30 > li h4 {
    display: block;
    background: #3d5e8f;
    color: #fff;
    text-align: center;
    padding: .5rem 0;
    font-size: .9rem;
}

.symbolBox .color1 {
    padding: 0.5rem 1.5rem;
    font-size: 0.8rem;
    text-align: center;
}

.symbolBox .color1 strong {
    display: block;
    color: #0095da;
    font-size: 1.5rem;
    font-weight: 700;
}

.symbolBox .color2 {
    color: #004444;
    text-align: center;
    padding: 1.75rem 0;
    font-size: 1rem;
    line-height: 3.4rem;
}

.symbolBox .color2:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #0095da;
    vertical-align: middle;
    margin-right: .5rem;
}

.symbolBox .color3 {
    text-align: center;
    padding: 1.75rem .25rem;
}

.symbolBox .color3 img {
    border-radius: 2rem;
    max-width: 100%;
}

.symbolBox .key_colors li {
    display: inline-block;
    width: 10.3rem;
    text-align: center;
    line-height: 2.25rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 2rem;
}

.symbolBox .key_colors li.white {
    border: 1px solid #ddd;
}

.symbolBox .key_colors li.sky {
    border: 1px solid #a8d9f8;
    background: #a8d9f8
}

.symbolBox .key_colors li.blue {
    border: 1px solid #0a4473;
    background: #0a4473;
    color: #fff;
}

.symbolBox .titBox_w50 {
    overflow: hidden;
    margin-top: 2rem;
}

.symbolBox .titBox_w50 > .titBox {
    width: 49%;
    float: left;
    margin-top: 0;
}

.symbolBox .titBox_w50 > .titBox + .titBox {
    margin-left: 2%;
}

.symbolBox .titBox_w50 > .titBox .box_st2 {
    min-height: 32rem;
}

.symbolBox .titBox_w50 > .titBox:first-child img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.symbolBox .symbol {
    display: table;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    border-spacing: 2rem;
    table-layout: fixed;
    overflow: hidden;
}

.symbolBox .symbol > li {
    display: table-cell;
    text-align: center;
    word-break: keep-all;
}

.symbolBox .symbol > li h4 {
    text-align: center;
    margin: .5rem 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #1d57aa;
}

.symbolBox .symbol > li h4 span {
    display: block;
    font-size: .9rem;
    color: #332709;
}

.symbolBox .symbol > li .img {
    position: relative;
    display: inline-block;
    padding: 0.75rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #abd5e7;
    line-height: 0;
    box-shadow: 0 0 10px rgba(0,152,217,0.1)
}

.symbolBox .symbol > li .img img {
    border-radius: 50%;
}

.symbolBox .symbol > li .txt {
    text-align: left;
    min-height: 22rem;
    background: #eef5f9;
    border: 1px solid #d7e0eb;
    border-radius: .5rem;
    padding: 1rem;
}

.symbolBox .btnWrap {
    float: right;
    margin-top: -2.5rem;
}

/* ȫ�������� */
.videoBox {
    position: relative;
    padding-right: 33%;
}

.videoBox .box {
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 0 1.5rem 1rem;
}

.videoBox .box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: #0098d9;
    z-index: -1;
}

.videoBox .box video {
    width: 100%;
    border: 4px solid #fff;
    margin-bottom: 1rem;
}

.videoBox p {
    position: relative;
    font-size: 1.1rem;
    color: #fff;
}

.video_txt {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    border-radius: .5rem;
    background: #fff;
    border: 1px solid #abd5e7;
    padding: 1.2rem;
    box-shadow: 1px 1px 5px rgba(66,172,219,0.2);
}

/* �λ縻 */
.greeting .welcome {
    line-height: 1.2;
    font-size: 2.5rem;
    font-weight: 200;
    font-style: italic;
    word-break: keep-all;
}

.greeting .welcome span {
    position: relative;
    display: inline-block;
    font-weight: 700;
}

.greeting .welcome span:before {
    position: absolute;
    bottom: -0.15rem;
    left: 0;
    width: 100%;
    height: 30%;
    background: #36c3ff;
    content: "";
}

.greeting .welcome span strong {
    position: relative;
}

.greeting .welcome_pic img {
    max-width: 100%;
}

.greeting .greeting_txt {
    position: relative;
    padding: 2rem 30em 2rem 0;
    line-height: 1.8;
    font-size: 0.9rem;
    color: #333;
    word-break: keep-all;
}

.greeting .greeting_txt > p > strong {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic;
}

.greeting .greeting_txt .Tline_b {
    font-weight: 600;
}

.greeting .president {
    position: absolute;
    bottom: 2rem;
    right: 0;
    text-align: right;
}

.greeting .president .photo {
    position: relative;
    margin-top: -0.25rem;
    z-index: -1;
}

.greeting .president .name {
    position: relative;
    margin-top: 0.75rem;
    padding-top: 0.7rem;
    font-size: 0.9rem;
    color: #666;
}

.greeting .president .name:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 4px;
    background: #36c3ff;
    content: "";
}

.greeting .president .name > strong {
    font-weight: 700;
    font-size: 1rem;
}

/* �������� */
.organization {
    position: relative;
    text-align: center;
    background: url('/images/web/snue/sub/bg_org.png') no-repeat right bottom;
    padding-bottom: 7rem;
    font-size: 0;
}

.organization:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 70%;
    background: #dadada;
}

.organization .org1 {
    position: relative;
    width: 7.9rem;
    height: 7.9rem;
    border-radius: 50%;
    background: #fff;
    font-size: 1.2rem;
    line-height: 7.9rem;
    text-align: center;
    font-weight: 700;
    border: 3px solid #0098d9;
    box-shadow: 6px 6px 0 rgba(0,152,217,0.2);
    margin: 0 auto 3.4rem;
}

.organization .org2 {
    position: relative;
    display: inline-block;
    margin-bottom: 6.8rem;
}

.organization .org2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #dadada;
}

.organization .org2 > li {
    position: relative;
    display: inline-block;
    width: 13rem;
    line-height: 3rem;
    background: #005da3;
    color: #fff;
    font-size: 0.9rem;
}

.organization .org2 > li:nth-child(2) {
    margin: 0 6rem;
}

.organization .org3 {
    position: relative;
    margin: 0 -1rem;
}

.organization .org3:after {
    content: "";
    display: block;
    clear: both;
}

.organization .org3 > li {
    position: relative;
    float: left;
    width: 20%;
    margin-bottom: 3rem;
    padding: 0 1rem;
    font-size: 0.8rem;
}

.organization .org3 > li.top_first {
    width: 40%;
}

.organization .org3 > li:nth-child(-n+4):after {
    content: "";
    position: absolute;
    left: 0;
    top: -2.5rem;
    width: 100%;
    height: 1px;
    background: #dadada;
}

.organization .org3 > li.top_first:after {
    width: 50%;
    left: 50%;
}

.organization .org3 > li.top_first:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -2.5rem;
    width: 1px;
    height: 2.5rem;
    background: #dadada;
}

.organization .org3 > li:nth-child(3):before, .organization .org3 > li.top_last:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -2.5rem;
    width: 1px;
    height: 200%;
    background: #dadada;
}

.organization .org3 > li.top_last:after {
    width: 50%;
}

.organization .org3 > li > strong {
    position: relative;
    display: block;
    width: 100%;
    line-height: 3rem;
    background: #6d717c;
    color: #fff;
    font-size: 0.9rem;
}

.organization .org3 > li > ul {
    position: relative;
    padding: 1rem;
    border: 1px solid #ccc;
    background: #fff;
}

.organization .org4 {
    width: 48%;
    float: left;
    margin-top: 0.8rem;
    border: 1px solid #ccc;
}

.organization .org4 + .org4 {
    margin-left: 4%;
}

.organization .org4 dt {
    background: #e4e4e4;
    line-height: 2.5rem;
    font-size: 0.9rem;
}

.organization .org4 dd {
    padding: 1rem;
}

.organization .org3 > li ul li {
    position: relative;
    padding-left: 0.5rem;
    text-align: left;
}

.organization .org3 > li ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 0.3rem;
    height: 0.3rem;
    background: #005da3;
    border-radius: 50%;
}

.organization .org3 a:hover, .organization .org3 a:focus {
    font-weight: 600;
    color: #0098d9;
    box-shadow: inset #e5f4fb 0 -10px 0;
}

/* ���� �������� */
.org_detail {
    border: 2px solid #b9dae8;
    border-radius: 0.75rem;
    box-shadow: 1px 5px 5px rgba(66,172,219,0.2);
    padding: 1rem;
    background: url('/images/web/snue/sub/org_detail.png') no-repeat right bottom;
    margin-bottom: 2rem;
}

.org_detail ul {
    font-size: 0;
}

.org_detail ul li {
    position: relative;
    display: inline-block;
    width: 50%;
    min-height: 1.4rem;
    font-size: 0.8rem;
    vertical-align: top;
    margin: 0.2rem 0;
    padding-left: 8rem;
    padding-right: 1rem;
    word-break: break-all;
}

.org_detail ul li strong {
    position: absolute;
    left: 0;
    top: 0;
    color: #00477c;
    padding-left: 0.7rem;
    font-weight: 600;
}

.org_detail ul li strong:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 0.3rem;
    height: 0.3rem;
    background: #005da3;
    border-radius: 50%;
}

/* ���л�ȸ ������ */
.organization2 {
    position: relative;
    max-width: 61.5rem;
    text-align: center;
    margin: 0 auto 3rem;
}

.organization2:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 18rem;
    background: #dadada;
    z-index: -1;
}

.organization2 span {
    display: block;
    line-height: 2.6rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.organization2 .org1 {
    position: relative;
    width: 15.5rem;
    margin: 0 auto;
}

.organization2 .org1:before {
    content: "";
    position: absolute;
    right: -15rem;
    bottom: 1.5rem;
    width: 100%;
    height: 2rem;
    border-bottom: 1px dashed #babcc0;
    border-right: 1px dashed #babcc0;
    z-index: -1;
}

.organization2 .org1 > li > span {
    line-height: 3rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.organization2 .org1 > li:nth-child(1) > span {
    position: relative;
    font-size: 1.05rem;
    background: #fff;
    border: 3px solid #0098d9;
    box-shadow: 6px 6px 0 rgba(0,152,217,0.2);
}

.organization2 .org1 > li:nth-child(2) > span {
    color: #fff;
    background: #005da3;
}

.organization2 .org1 > li:nth-child(3) > span {
    color: #fff;
    background: #6d717c;
}

.organization2 .org2 {
    position: absolute;
    right: 0;
    top: 3.5rem;
    width: 15.5rem;
    align-self: flex-end;
}

.organization2 .org2:before {
    content: "";
    position: absolute;
    left: -2.5rem;
    top: 1.3rem;
    width: 2.5rem;
    height: 3.7rem;
    border: 2px solid #dadada;
    border-right: none;
    z-index: -1;
}

.organization2 .org2:after {
    content: "";
    position: absolute;
    left: -8.5rem;
    top: 50%;
    width: 6rem;
    height: 2px;
    background: #dadada;
    z-index: -1;
}

.organization2 .org2 > li + li {
    margin-top: 1rem;
}

.organization2 .org2 > li > span, .organization2 .org3 > li > span {
    background: #e4e4e4;
    border: 1px solid #ccc;
}

.organization2 .org3 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 1.7rem;
}

.organization2 .org3:before {
    content: "";
    position: absolute;
    left: 7.75rem;
    top: -0.4rem;
    width: calc(100% - 15.5rem);
    height: 2.5rem;
    border: 2px solid #dadada;
    border-bottom: none;
    z-index: -1;
}

.organization2 .org3 > li {
    width: 15.5rem;
}

.organization2 .org3 > li > ul > li > span {
    background: #fafafa;
    border: 1px solid #ccc;
    margin-top: 0.2rem;
}

/* ���帲 */
.dearDream {
    text-align: center;
    font-size: 0;
}

.dearDream li {
    display: inline-block;
}

.dearDream li:first-child {
    width: 53%;
    margin-right: 2%;
}

.dearDream li:last-child {
    width: 45%;
}

.dearDream li img {
    max-width: 100%;
    box-shadow: 5px 5px 0 #d8eaf1;
}

.dearDream_video {
    position: relative;
    margin-top: 2rem;
}

.dearDream_video a {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
}

.dearDream_video a i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: #eb1717;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    margin-right: 0.3rem;
    font-weight: 400;
    font-size: 1rem;
}

.dearDream_video > div {
    display: flex;
}

.dearDream_video > div > div {
    flex: 1;
    padding: 1rem;
}

.dearDream_video > div > div embed {
    width: 100%;
    height: 9.2rem;
}

.dearDream_video > div > div p {
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

/* �ε帲 */
.dodream_img {
    display: flex;
    margin: 0 -0.5rem 2rem;
}

.dodream_img li {
    padding: 0.5rem;
}

.dodream_img li img {
    max-width: 100%;
    box-shadow: 5px 5px 0 #d8eaf1;
}

/* ���帲 ������ */
.organization3 {
    position: relative;
    padding: 1rem 0;
    text-align: center;
}

.organization3 .org1 {
    position: relative;
    padding-bottom: 2rem;
}

.organization3 .org1:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 2rem;
    background: #dadada;
}

.organization3 .org1 span {
    position: relative;
    display: block;
    width: 15.5rem;
    font-size: 1.05rem;
    background: #fff;
    border: 3px solid #0098d9;
    box-shadow: 6px 6px 0 rgba(0,152,217,0.2);
    line-height: 3rem;
    font-weight: 700;
    margin: 0 auto;
}

.organization3 .org2 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.organization3 .org2:before {
    content: "";
    position: absolute;
    left: 11%;
    top: 0;
    width: 78%;
    height: 2px;
    background: #dadada;
}

.organization3 .org2 li {
    position: relative;
    width: 22%;
    padding-top: 2rem;
}

.organization3 .org2 li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 2rem;
    background: #dadada;
}

.organization3 .org2 li span {
    display: block;
    line-height: 2.6rem;
    font-size: 0.9rem;
    color: #fff;
    background: #005da3;
    font-weight: 600;
}

.organization3 .org3 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.organization3 .org3:before {
    content: "";
    position: absolute;
    left: 7.75%;
    top: 0;
    width: 84.5%;
    height: 2px;
    background: #dadada;
}

.organization3 .org3 li {
    position: relative;
    width: 15.5%;
    padding-top: 2rem;
}

.organization3 .org3 li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 2rem;
    background: #dadada;
}

.organization3 .org3 li span {
    display: block;
    line-height: 2.6rem;
    font-size: 0.9rem;
    color: #fff;
    background: #005da3;
    font-weight: 600;
}

/* ������ */
.orgBox {
    position: relative;
    line-height: 1.2;
    text-align: center;
}

.orgBox:before {
    content: "";
    position: absolute;
    left: 4rem;
    top: 0;
    width: 2px;
    height: 100%;
    background: #cecece;
    z-index: -1;
}

.orgBox a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.orgBox a:hover, .orgBox a:focus {
    font-weight: 700;
    text-decoration: underline;
}

.orgBox .org1 {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background: #3274d4 url('/images/web/snue/sub/org_tit_bg.png') no-repeat bottom center / contain;
    color: #fff;
    line-height: 7.5rem;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgba(50,116,212,0.4);
    font-weight: 700;
}

.orgBox .org1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2.5rem;
    width: 10.9rem;
    height: 6.7rem;
    background: url('/images/web/snue/sub/org_tit.png') no-repeat center / cover;
    z-index: -1;
}

.orgBox .org2 {
    position: relative;
    padding-left: 9.5rem;
    display: flex;
    justify-content: space-between;
    margin: 2.5rem 0;
}

.orgBox .org2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4rem;
    width: calc(100% - 10rem);
    height: 2px;
    background: #cecece;
    z-index: -1;
}

.orgBox .org2 li {
    display: flex;
    width: 11.3rem;
    height: 3rem;
    background: #0068b7;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 0.85rem;
    justify-content: center;
    align-items: center;
    margin: 0 0.35rem;
    padding: 0.5rem;
    font-weight: 700;
}

.orgBox .org3 {
    position: relative;
    padding-left: 9rem;
}

.orgBox .org3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 9rem;
    height: 2px;
    background: #cecece;
}

.orgBox .org3 > p {
    position: absolute;
    left: 0;
    top: calc(50% - 1.5rem);
    width: 7.9rem;
    height: 3rem;
    background: #0098d9;
    line-height: 3rem;
    color: #fff;
    border-radius: 0.5rem;
    font-weight: 700;
}

.orgBox .org3 > div {
    position: relative;
    padding-left: 9.7rem;
}

.orgBox .org3 > div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 9.7rem;
    height: 2px;
    background: #cecece;
}

.orgBox .org3 .box:before {
    width: 100%;
}

.orgBox .org3 .box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 2px;
    height: 100%;
    background: #cecece;
}

.orgBox .org3 .org3_1 {
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: 8.2rem;
    background: #204984;
    border-radius: 0.5rem;
    color: #fff;
    line-height: 3rem;
    font-weight: 700;
}

.orgBox .org3 .org3_2 {
    position: relative;
    padding-left: 8rem;
}

.orgBox .org3 .org3_2 dt {
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: 6.45rem;
    line-height: 3rem;
    border: 1px solid #abd5e7;
    border-radius: 0.5rem;
    background: #f2fbff;
    font-weight: 700;
}

.orgBox .org3 .box2:before {
    top: calc(55% + 1.5rem);
}

.orgBox .org3 .box2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: calc(55% + 1.5rem);
    background: #cecece;
}

.orgBox .org3 .box2 .org3_1 {
    top: 55%;
}

.orgBox .org3 .box2 .org3_2:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% + 2px);
    width: 2px;
    height: calc(50% + 2px);
    background: #cecece;
}

.orgBox .org3 .box2 .org3_2 + .org3_2:before {
    top: 0;
}

.orgBox .org3 .box2 .org3_2 dt {
    top: calc(50% - 1.5rem);
}

.orgBox .org3 .box2 .org3_2 dt:before {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: 50%;
    width: 8rem;
    height: 2px;
    background: #cecece;
    z-index: -1;
}

.orgBox .org3 .box2 .org3_2 dd {
    position: relative;
    padding: 0.5rem 0 0.5rem 8rem;
}

.orgBox .org3 .box2 .org3_2 dd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #cecece;
    z-index: -1;
}

.orgBox .org3 .box2 .org3_2 dd:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #cecece;
}

.orgBox .org3 .box2 .org3_2 dd:nth-of-type(1):after {
    height: 50%;
    top: 50%;
}

.orgBox .org3 .box2 .org3_2 dd:last-child:after {
    height: 50%;
}

.orgBox .org3 .box2 .org3_3 {
    position: absolute;
    left: 0.7rem;
    top: calc(50% - 1.2rem);
    display: flex;
    flex-shrink: 0;
    width: 6.8rem;
    height: 2.4rem;
    border-radius: 0.5rem;
    border: 1px solid #85a3ce;
    background: #fff;
    font-size: 0.75rem;
    box-shadow: 1px 1px 5px rgba(66,172,219,0.2);
    justify-content: center;
    align-items: center;
    text-align: center;
}

.orgBox .org3 dd ul {
    height: auto;
    overflow: hidden;
    background: url('/images/web/snue/sub/pattern.png');
    border-radius: 0.5rem;
    padding: 0.8rem;
}

.orgBox .org3 dd ul > li {
    display: flex;
    width: 23%;
    margin: 0.2rem 1%;
    float: left;
    padding: 0.2rem;
    justify-content: center;
    align-items: center;
    height: 2rem;
    border: 1px solid #bdcddd;
    background: #fff;
    font-size: 0.7rem;
    border-radius: 0.5rem;
}

.orgBox .org3 .box dd ul > li {
    width: 18%;
}

.orgBox .org4 {
    position: relative;
    padding-left: 13rem;
    min-height: 3rem;
    margin-top: 2.5rem;
}

.orgBox .org4 > p {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.9rem;
    height: 3rem;
    background: #0098d9;
    line-height: 3rem;
    color: #fff;
    border-radius: 0.5rem;
    font-weight: 700;
}

.orgBox .org4 > ul {
    position: relative;
    font-size: 0;
    text-align: left;
}

.orgBox .org4 > ul > li {
    position: relative;
    display: inline-block;
    width: 16.6666%;
    padding: 0 0.5rem;
    vertical-align: top;
}

.orgBox .org4 > ul > li:before {
    content: "";
    position: absolute;
    top: 1.5rem;
    left: -1rem;
    width: 100%;
    height: 2px;
    background: #cecece;
    z-index: -1;
}

.orgBox .org4 > ul > li:first-child:before {
    left: -10rem;
    width: calc(100% + 9rem);
}

/*240104 10rem -> 9rem*/
.orgBox .org4 > ul.org4_1 > li {
    width: 16.6666%;
    padding: 0 0.5rem;
}

/*240624*/
.orgBox .org4 > ul.org4_1 > li:nth-child(n + 7) {
    margin-top: 1rem;
}

/*240624*/
.orgBox .org4 > ul.org4_1:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    left: -1rem;
    width: 2px;
    height: calc(100% - 3rem);
    background: #cecece;
    z-index: -1;
}

/*240624*/
.orgBox .org4 > ul > li > p {
    display: flex;
    width: 100%;
    height: 3rem;
    border: 1px solid #abd5e7;
    border-radius: 0.5rem;
    background: #f2fbff;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.orgBox .org4 > ul > li > ul > li {
    display: flex;
    width: 100%;
    height: 2.3rem;
    border: 1px solid #bdcddd;
    border-radius: 0.5rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.7rem;
}

/*조직도 레이어팝업 추가*/
.layerPop_org {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 10;
    display: none;
}

.layerPop_org .box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    height: 90%;
    max-width: 43rem;
    max-height: 19rem;
    border: 1px solid #abd5e7;
    border-radius: 1rem;
    padding: 1rem;
    background: #fff url('/images/web/snue/sub/layerPop_pf_03.png') no-repeat right bottom;
}

.layerPop_org .box > .tit {
    border-bottom: 3px solid #eaeaea;
}

.layerPop_org .box > .tit span {
    position: relative;
    bottom: -3px;
    display: inline-block;
    border-bottom: 3px solid #053983;
    font-size: 1.2rem;
    padding-bottom: 0.2rem;
    font-weight: 700;
}

.layerPop_org .box .con > strong {
    display: block;
    font-size: 1.2rem;
    color: #075291;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #053983;
    padding: 0.7rem 0 0.2rem;
}

.layerPop_org .box .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1rem;
}

/* ������ �˻�ȭ�� */
.org_search_wrap {
    position: relative;
    margin: 0 auto 4rem;
    text-align: center;
}

.org_search {
    position: relative;
    display: inline-block;
    width: 70%;
    border-radius: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    overflow: hidden;
}

.org_search input {
    display: block;
    width: 100%;
    height: 3rem;
    background: #00409d;
    padding: 0 4.5rem 0 1rem;
    border: none;
    color: #fff;
    font-size: .8rem;
}

.org_search input::placeholder {
    color: #fff;
}

.org_search input::-webkit-input-placeholder {
    color: #fff;
}

.org_search input:-ms-input-placeholder {
    color: #fff;
}

.org_search .btnSearch {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5rem;
    height: 100%;
    color: #363c4c;
    text-align: center;
    font-size: 1.5rem;
}

.org_search .btnSearch > i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
    -webkit-transition: top .3s;
    transition: top .3s;
}

.org_search .btnSearch:hover > i, .org_search .btnSearch:focus > i {
    top: 48%;
}

/* input �ڵ��ϼ� */
.org_search input:-webkit-autofill, .org_search input:-webkit-autofill:hover, .org_search input:-webkit-autofill:focus, .org_search input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px #00409d inset !important;
    -webkit-text-fill-color: #fff !important;
}

/* �������� */
.president {
    font-size: 0;
}

.president em {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
}

.president h4 {
    position: relative;
    color: #0098d9;
    font-size: 1.3rem;
    padding-top: 0.2rem;
    font-weight: 600;
}

.president h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.25rem;
    height: 0.2rem;
    background: #0098d9;
}

.president h4:after {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: 1.1rem;
    height: 0.2rem;
    background: #ccc;
}

.president .tit3 {
    margin: 0 !important;
}

.president .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 5.9rem;
    font-size: 0;
    border: 1px solid #ccc;
}

.president .img img {
    width: 100%;
}

.president > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 1.5rem 1rem 0.5rem;
    margin-right: 2%;
    margin-bottom: 1.5rem;
}

.president > ul > li:nth-child(3n) {
    margin-right: 0;
}

.president > ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.5rem;
    border: 4px solid #0098d9;
    border-bottom: none;
}

.president > ul > li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 2.5rem);
    border: 2px solid #ccc;
    border-top: none;
    z-index: -1;
}

.president > ul > li div {
    position: relative;
    padding: 0 0 1.2rem 7.2rem;
    border-bottom: 1px dashed #c1ced4;
    margin-bottom: 0.8rem;
    background: url('/images/web/snue/sub/bg_president.png') no-repeat right bottom;
}

.president > ul > li .tit3 + p {
    padding-left: 1.9rem;
    font-size: 0.8rem;
}

.president > ul > li a {
    float: right;
}

.president .pop_president {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}

.president .pop_president .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 94%;
    height: 85%;
    max-width: 46.3rem;
    max-height: 32.8rem;
    padding: 2rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff url('/images/web/snue/sub/bg_president2.gif') no-repeat right 2.5rem bottom;
}

.president .pop_president .inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.5rem;
    border: 4px solid #0098d9;
    border-bottom: none;
}

.president .pop_president .inner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 2.5rem);
    border: 2px solid #ccc;
    border-top: none;
    z-index: -1;
}

.president .pop_president .inner > div {
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-left: 7.5rem;
}

.president .pop_president .inner > div h4 {
    border-bottom: 2px solid #d5dde1;
    padding-bottom: 0.5rem;
}

.president .pop_president .inner > div dl {
    padding: 1rem 0.5rem 1rem 0;
    font-size: 0.8rem;
    border-bottom: 1px dotted #ccc;
}

.president .pop_president .inner > div dl dd {
    padding-left: 1.8rem;
}

.president .pop_president .inner .close {
    position: absolute;
    right: 1.5rem;
    top: -1.5rem;
    width: 2.75rem;
    height: 2.75rem;
    background: #fff;
    border-radius: 50%;
    color: #0098d9;
    border: 4px solid #0098d9;
    font-size: 1.3rem;
    text-align: center;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.president .pop_president .inner .close i {
    width: 100%;
    height: 100%;
    line-height: 2.35rem;
}

.president .pop_president .inner .close:hover, .president .pop_president .inner .close:focus {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ������ȭ��ȣ */
.tbl_w50 > li {
    width: 49%;
    float: left;
    margin-top: 1.5rem;
}

.tbl_w50 > li + li {
    margin-left: 2%;
}

.tbl_w30 {
    font-size: 0;
}

.tbl_w30 > li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-top: 1.5rem;
    margin-left: 2%;
}

.tbl_w30 > li:nth-child(3n+1) {
    margin-left: 0;
}

/* ķ�۽��� */
.campusmap {
    position: relative;
    width: 100%;
    font-size: 0;
    /* border-bottom:4px solid #abbac1; */
}

/*220801 border ���� */
/*.campusmap:before{content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:5px; background:#0098d9; z-index:2; } */
/*220801 ���� */
/*.campusmap:after{content:""; position:absolute; left:-1px; top:-1px; width:5px; height:5rem; background:#0098d9;z-index:2; } */
/*220801 ���� */
/* ���ô±� */
.map_wrap {
    position: relative;
    width: 100%;
    height: 25.75rem;
    border: 1px solid #c1c1c1;
    border-bottom: 4px solid #abbac1;
}

.map_wrap:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: 5px;
    background: #0098d9;
    z-index: 2;
}

.map_wrap:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 5px;
    height: 5rem;
    background: #0098d9;
    z-index: 2;
}

.map_wrap + .titBox {
    border-top: none;
}

.bus1 {
    padding-left: 1.1rem;
    background: url('/images/web/snue/sub/ico_bus1.gif') no-repeat left top 0.3rem;
}

.bus2 {
    padding-left: 1.1rem;
    background: url('/images/web/snue/sub/ico_bus2.gif') no-repeat left top 0.3rem;
}

.bus3 {
    padding-left: 1.1rem;
    background: url('/images/web/snue/sub/ico_bus3.gif') no-repeat left top 0.3rem;
}

.bus4 {
    padding-left: 1.1rem;
    background: url('/images/web/snue/sub/ico_bus4.gif') no-repeat left top 0.3rem;
}

.map_detail_box {
    position: relative;
    padding: 2rem 1.2rem 1rem;
    box-sizing: content-box-box;
    height: calc(100% + 10px);
}

.map_detail_box:before {
    content: "\eb42";
    position: absolute;
    left: 1rem;
    top: -1.4rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: #0098d9;
    color: #fff;
    font-family: "xeicon";
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.8rem;
}

.map_detail_box button {
    position: absolute;
    right: 1rem;
    top: 0.7rem;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    font-size: 1rem;
    z-index: 2;
}

.map_detail_box .txt1 {
    position: relative;
    color: #0d50a3;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
}

.map_detail_box .txt1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.5rem;
    height: 3px;
    background: #0060b4;
}

.map_detail_box .txt2 {
    position: relative;
    padding: 0.2rem 0 0.2rem 0.6rem;
    line-height: 1.4;
}

.map_detail_box .txt2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    font-size: 0.8rem;
    background: #92a7ba;
}

.map_detail_box + .map_detail_box {
    padding-top: 0;
}

.map_detail_box + .map_detail_box:before {
    display: none;
}

/* �л����߱�, ���������� */
.step_lst {
    position: relative;
    margin: 0 -1.25rem;
}

.step_lst:after {
    display: block;
    clear: both;
    content: "";
}

.step_lst > li {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 1.25rem 1.5rem;
}

.step_lst > li + li:before {
    position: absolute;
    top: 6rem;
    left: -.425rem;
    width: .95rem;
    height: 1.25rem;
    background-image: url(/images/web/snue/sub/step_lst_arr.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    content: "";
}

.step_lst > li > div > em {
    position: absolute;
    left: calc(50% - 3rem);
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: #4879bd;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.75rem;
    z-index: 2;
}

.step_lst > li > div .ico {
    position: relative;
    display: block;
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #cfdef3;
    margin: 0 auto;
}

.step_lst > li > div .ico > img {
    width: 100%;
}

.step_lst > li > div .txt {
    display: block;
    min-height: 7.5rem;
    border-radius: 1rem;
    border: 1px solid #b2c1d6;
    background: #fff;
    margin-top: -2.5rem;
    padding: 3.2rem 1rem 0.5rem;
    line-height: 1.5;
    text-align: center;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
    word-break: keep-all;
}

/*240717추가*/
.step_lst.w20 > li {
    width: 20%;
}

/*240717추가*/
.step_lst.w30 > li {
    width: 33.33333%;
}

/* �к���, ������۱�, ������������, insight */
.titImgBox {
    height: auto;
    overflow: hidden;
}

.titImgBox dt {
    width: 15rem;
    float: left;
}

.titImgBox dd {
    width: calc(100% - 16rem);
    float: right;
}

.titImgBox .img {
    position: relative;
    width: 14.7rem;
    height: 11.35rem;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    box-shadow: 10px 10px 0 #f3f3f3;
}

.titImgBox .img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.titImgBox .txt_box {
    min-height: 11.35rem;
    border: 1px solid #b9dae8;
}

.titImgBox .txt_box > strong {
    display: block;
    padding: 1.25rem;
    color: #0b3879;
    font-size: .85rem;
    font-weight: 600;
    background: #fff;
}

.titImgBox .txt_box_link {
    padding: .75rem 1.25rem;
    border-top: 1px dotted #7ccaec;
    background: #f8fdff;
    text-align: right;
}

.titImgBox .txt_box_link [class*="btn_"] {
    margin: 0 !important;
}

/* ����, �������� ���ֹ��� ���� */
.toggle_lst {
    margin: -.5rem 0;
}

.toggle_lst > li {
    padding: .5rem 0;
}

.toggle_lst > li .toggle_btn {
    position: relative;
    display: block;
    padding: 0 2.25rem 0 3rem;
    background: #d9eef7;
    border-radius: 1rem;
}

.toggle_lst > li .toggle_btn:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "xeicon";
    color: #797979;
    font-size: .8rem;
    content: "\e930";
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.toggle_lst > li.active .toggle_btn:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.toggle_lst > li .toggle_btn > em {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #0098d9;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    text-align: center;
    line-height: 2rem;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.toggle_lst > li .toggle_btn > span {
    display: block;
    color: #333;
    font-size: .75rem;
    font-weight: 600;
    line-height: 2.05rem;
}

.toggle_lst > li .toggle_cont {
    display: none;
    margin-top: 1rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 1rem 2.5rem;
    background: #fff;
}

.toggle_lst > li .toggle_btn:hover > em, .toggle_lst > li .toggle_btn:focus > em {
    background: #1d57aa;
}

.toggle_lst > li .toggle_btn:hover > span, .toggle_lst > li .toggle_btn:focus > span {
    font-weight: 700;
}

/* ����� */
.calendar_wrap:after {
    display: block;
    clear: both;
    content: "";
}

.calendar_wrap .calendar_box {
    position: relative;
    width: 25rem;
    float: left;
    overflow: hidden;
}

.calendar_wrap .calendar_box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 3.75rem);
    height: 3px;
    background: #ccc;
    content: "";
    z-index: 1;
}

.calendar_wrap .calendar_box:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5rem;
    height: 3px;
    background: #0098d9;
    content: "";
    z-index: 1;
}

.calendar_wrap .calendar_box .inner {
    position: relative;
    height: 22.5rem;
    padding: 1.75rem 1.5rem 3.5rem;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
    line-height: 1.3;
}

.calendar_wrap .calendar_box .inner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -.25rem;
    right: -.25rem;
    background: #f0f0f0;
    content: "";
    z-index: -1;
}

.calendar_wrap .calendar_box .inner:after {
    position: absolute;
    bottom: -.55rem;
    left: 50%;
    -webit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #ededed;
    font-size: 4rem;
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .25rem;
    content: "Schedule";
    opacity: .45;
}

.calendar_wrap .schedule_box {
    float: left;
    width: calc(100% - 25rem);
    padding-left: 3rem;
}

.calendar_wrap .schedule_box .tbl_st table {
    border-top: 2px solid #187ec2;
}

.calendar_wrap .schedule_box .tbl_st table thead th {
    border-bottom: 1px solid #b9bec7;
}

.calendar_wrap .schedule_box .tbl_st table td > a {
    display: block;
}

.calendar_wrap .schedule_box .tbl_st table td > a > em {
    box-shadow: 0 -13px #e5f4fb inset;
}

/* �Ĵ�ǥ */
.meal_list {
    position: relative;
    border: 1px solid #ccc;
    padding: 1.3rem 1.5rem;
    font-size: 0;
    margin-top: 2.5rem;
}

.meal_list .month {
    text-align: center;
}

.meal_list .month a {
    display: inline-block;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-size: 0.9rem;
}

.meal_list .month a i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
}

.meal_list .month span {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 1rem;
    vertical-align: middle;
}

.meal_list h3 {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.meal_list dl {
    display: inline-block;
    width: calc(20% - 0.6rem);
    margin: 0 0.3rem 0.5rem;
    vertical-align: top;
    text-align: center;
    font-size: 0.8rem;
}

.meal_list dl dt.date {
    line-height: 2.1rem;
    background: #1e5685;
    color: #fff;
}

.meal_list dl dt.week {
    line-height: 1.9rem;
    border: 2px solid #0098d9;
    margin: 1px 0;
}

.meal_list dl dd.img {
    position: relative;
    height: 9rem;
    overflow: hidden;
    background: no-repeat center / cover;
    margin-bottom: 30px;
}

.meal_list dl dd.txt {
    background: #f6f6f6;
    padding: 1rem 0.5rem;
}

/* �Ĵܾȳ� */
.meal_info h3 {
    line-height: 2.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.15rem;
    border-radius: 2rem;
    margin-bottom: 1.75rem;
    color: #266eda;
    border: 2px solid #66c4ff;
    background: #ecf8ff;
}

.meal_info ul {
    width: 102%;
    margin-left: -1%;
    padding: 1rem 0 0.5rem;
    overflow: hidden;
}

.meal_info li {
    position: relative;
    display: block;
    border: 1px solid #abd5e7;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(38, 110, 218, 0.2);
    width: 18%;
    margin: 0 1%;
    float: left;
}

.meal_info li h4 {
    position: absolute;
    right: 1rem;
    top: -1rem;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    background: #059de4;
    z-index: 2;
}

.meal_info li .img {
    height: 8rem;
    background: #eee;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

.meal_info li .img img {
    position: relative;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.meal_info li .menu {
    padding: 1rem;
}

.meal_info li .menu strong {
    display: block;
    font-size: .9rem;
    font-weight: 600;
    color: #178ac0;
}

.meal_info li .menu p {
    height: 7rem;
    line-height: 1rem;
    overflow-y: auto;
    word-break: keep-all;
    font-size: 0.7rem;
}

.meal_info + .meal_info {
    margin-top: 3rem;
}

.meal_info.dinner h3 {
    background: #f4f8ff;
    color: #053983;
    border-color: #85a9eb;
}

.meal_info.dinner li h4 {
    background: #406bd9;
}

.meal_info.dinner li a {
    box-shadow: 0 0 10px rgba(18, 34, 59, 0.2);
}

.meal_info.dinner li .menu strong {
    color: #1274e2;
}

.meal_info .control {
    display: none;
}

/* �Ĵܾȳ� : active */
.meal_info li a:hover, .meal_info li a:focus {
    border-color: #059de4;
}

.meal_info.dinner li a:hover, .meal_info.dinner li a:focus {
    border-color: #053983;
}

/* ������ �Ĵ�ǥ ��� �ڽ� */
.meal_file {
    position: relative;
    border: 1px solid #ccc;
    padding: 1.3rem 1.5rem;
}

.meal_file span {
    font-size: 1rem;
    margin-right: 1rem;
    font-weight: 600;
}

.meal_file input[type="file"] {
    border-radius: 3px;
    width: 17rem;
    border: 1px solid #b2b7c7;
    padding: .25rem 1rem .25rem .25rem;
}
/*체크박스 추가*/
.meal_file .check_list_wrap {display:flex;align-items:center;gap: .25rem 1rem;margin-top:.5rem;flex-wrap: wrap;}
.meal_file .check_list {font-size:0;overflow:hidden;margin: 0.5rem -.5rem;}
.meal_file .check_list li {position:relative; display: inline-block; padding: 0 0.5rem; vertical-align: middle;}  
.meal_file .check_list li label {vertical-align: middle;}
.meal_file .check_list li label span{display: inline-block;max-width: 100%;position:relative;z-index:1;font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;font-weight: 500;white-space: nowrap;margin-right: 0;}
.meal_file .check_list li input[type="checkbox"]  {opacity: 0;content:"";position:absolute;left: 0.5rem;top: 0.1rem;width: 1.2rem;height: 1rem;z-index: 1;margin: 0;}
.meal_file .check_list li input[type="checkbox"] + label {position:relative;width: 100%;display:inline-block;font-size: 0.9rem;height: 1.2rem;line-height: 1.2rem;cursor:pointer;padding-left: 1.4rem;}
.meal_file .check_list li input[type="checkbox"] + label:before {content: "\ea0e";position:absolute;left:0;top:0;width: 1.2rem;height: 1.2rem;font-size: 1.2rem;color: #D5D5D5;font-family: 'xeicon';}
.meal_file .check_list li input[type="checkbox"]:checked + label span {color: #1e5685;font-weight:600;}
.meal_file .check_list li input[type="checkbox"]:checked + label span:after{content: "";position: absolute;left: 50%;bottom:0;transform: translateX(-50%);width: 100%;height:0.5rem;background: #edf5ff;border-radius:0.5rem;z-index: -1;}
.meal_file .check_list li input[type="checkbox"]:checked + label:before {content: "\e92e";color: #1A82C3;}
/*웹접근성*/
.meal_file .check_list li input[type="checkbox"]:hover + label,
.meal_file .check_list li input[type="checkbox"]:focus + label {text-decoration: underline; }
.meal_file .check_list li input[type="checkbox"]:focus + label span{text-decoration: underline;}

.meal_file a, .meal_file button {
    font-size: 0.8rem;
    margin-bottom: 0;
}

/* ������ �Ĵ�ǥ */
.meal_table table td {
    vertical-align: top;
    text-align: center;
}

.meal_table table td .con {
    min-height: 0;
    margin: 0;
}

.meal_table table .calTxt li {
    font-size: 0.75rem;
    line-height: 1.5;
}

.meal_table table .calTxt li + li {
    margin-top: 0.5rem;
}

.meal_table table .calTxt li p {
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    line-height: 1.6rem;
    background: #1e5685;
    color: #fff;
}

.meal_table table .calTxt li:nth-child(2n) p {
    background: #0068b7;
}

/* �а� */
.titImgBox2 {
    padding: 2rem;
    background: url('/images/web/snue/sub/pattern.png');
    overflow: hidden;
    font-size: 0.8rem !important;
    font-family: "SCDream" !important;
}

.titImgBox2 > .tit {
    position: relative;
    margin-bottom: 1.5rem;
}

.titImgBox2 > .tit:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 100%;
    height: 3px;
    background: #043881;
    content: "";
}

.titImgBox2 > .tit span {
    position: relative;
    display: inline-block;
    padding-right: 2.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #053983;
    background: url('/images/web/snue/sub/pattern.png');
}

.titImgBox2 > .boxCon {
    float: left;
    width: calc(100% - 17rem);
}

.titImgBox2 > .boxCon .tit1 ~ .tit1 {
    margin-top: 3.25rem;
}

.titImgBox2 > .boxCon .tit1 ~ .tit1:before {
    position: absolute;
    top: -1.625rem;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #b6c6de;
    content: "";
}

.titImgBox2 > .boxCon .tit1 + div {
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
}

.titImgBox2 > .boxImg {
    float: left;
    margin-left: 2.5rem;
    padding: 1rem 0 4rem;
    width: 14.5rem;
    text-align: center;
    background: url('/images/web/snue/sub/bg_boxImg.png') no-repeat left 2rem;
}

.titImgBox2 > .boxImg .boxCube {
    margin: 15.5rem auto 0;
    width: 13.5rem;
    height: 13.5rem;
    border-radius: 50%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}

.titImgBox2 > .boxImg .boxCubeInner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.titImgBox2 > .boxImg .boxCubeInner img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.titImgBox2 .boxCon .box_st3, .titImgBox2 .info_box {
    padding: .75rem 1.75rem;
    background: #fff;
    border: 1px solid #abd5e7;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 5px rgba(66,172,219,0.2);
}

.titImgBox2 .info_box > ul {
    margin: -.25rem -.5rem;
}

.titImgBox2 .info_box > ul > li {
    padding: .25rem .5rem;
    color: #222;
    font-size: .85rem;
    font-weight: 500;
    float: left;
}

.titImgBox2 .info_box > ul > li > i {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background: #d2e5ff;
    color: #18347c;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5rem;
    font-weight: 600;
}

.titImgBox2 .info_box > ul > li > em {
    font-weight: 600;
    color: #0b4393;
}

.titImgBox2 > .boxCon .li_w50 > li.w100 {
    width: 100%;
}

/* �����Ұ�
.professor > ul > li { position:relative; margin-bottom:1rem; padding:1.5rem 1.5rem 1rem;}
.professor > ul > li:before{content:""; position:absolute; left:0; top:0; width:100%; height:1.5rem; border:4px solid #0098d9; border-bottom:none;  }
.professor > ul > li:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 2.5rem); border:2px solid #ccc; border-top:none; z-index:-1; }
.professor > ul > li .name {position:relative; padding-right:12rem; }
.professor > ul > li .name h3 {position:relative; font-size:1.3rem; padding-top:0.2rem; font-weight:600; color:#0098d9;}
.professor > ul > li .name h3:before{content:""; position:absolute; left:0; top:0; width:0.25rem; height:0.2rem; background:#0098d9; }
.professor > ul > li .name h3:after{content:""; position:absolute; left:0.5rem; top:0; width:1.1rem; height:0.2rem; background:#ccc; }
.professor > ul > li .name ul .tit3 { display:inline-block; margin-right:0.5rem; }
.professor > ul > li .box { display:none; background:#f3f3f3; padding:1.5rem 2rem; margin-top:1rem; max-height:14rem; overflow-y:auto;}
.professor > ul > li .more { position:absolute !important; right:1rem; top:1.3rem; }
*/
/* �����Ұ� */
#contents .professor [class*="bT"] {
    margin: 0;
}

.professor {
    background: #f9fdff url('/images/web/snue/sub/tableBg.png') no-repeat right bottom;
}

.professor table {
    border-top: 2px solid #0098d9
}

.professor table thead th {
    background: #f2f8fb;
    border-bottom: 1px solid #bfd7e1;
    border-left: 1px dashed #dce8f5;
}

.professor table td {
    border-left: 1px dashed #dce8f5;
    border-bottom: 1px dashed #dce8f5;
}

.professor table td .tit {
    display: none;
}

.layerPop_pf {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 10;
    display: none;
}

.layerPop_pf .box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    height: 90%;
    max-width: 33rem;
    max-height: 25rem;
    border-radius: 0.5rem;
    background: #fff url('/images/web/snue/sub/layerPop_pf_03.png') no-repeat right bottom;
    overflow: hidden;
}

.layerPop_pf .box2 {
    max-height: 18rem;
}

.layerPop_pf .box h3 {
    display: block;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    line-height: 3rem;
    background: #00409d;
    padding: 0 1rem;
}

.layerPop_pf .box > div {
    position: relative;
    height: calc(100% - 3rem);
    padding: 1rem 1.7rem;
    overflow-y: auto;
}

.layerPop_pf .box .profile {
    display: flex;
    flex-wrap: wrap;
}

.layerPop_pf .box .profile .img {
    width: 6rem;
    font-size: 0;
    margin-right: 1.5rem;
}

.layerPop_pf .box .profile .img img {
    width: 100%;
    border: 1px solid #ddd;
}

.layerPop_pf .box .profile dl {
    flex: 1;
}

.layerPop_pf .box .profile dl dt {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0b4393;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.layerPop_pf .box .profile dl dd ul li {
    position: relative;
    padding-left: 5.5rem;
}

.layerPop_pf .box .profile dl dd ul li strong {
    position: absolute;
    left: 1rem;
    top: 0.15rem;
    width: 4rem;
    font-weight: 600;
}

.layerPop_pf .box .tit2 {
    position: relative;
    margin-top: 2rem !important;
}

.layerPop_pf .box .tit2:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1rem;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ddd;
}

.layerPop_pf .box .close {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    font-size: 1rem;
    color: #fff;
}

/* �����Ĵ� */
.img_list3, .img_list4 {
    text-align: center;
    font-size: 0;
}

.img_list3 li,.img_list4 li {
    display: inline-block;
    width: 33.333%;
    padding: 0 0.5rem;
    vertical-align: top;
}

.img_list3 li img, .img_list4 li img {
    max-width: 100%;
}

.img_list3 > li:nth-child(n+4) {
    margin-top: 1rem;
}

.img_list4 li {
    width: 25%;
}

.cafe_info {
    height: auto;
    overflow: hidden;
    padding-top: 2rem;
}

.cafe_info > li {
    display: block;
    width: 50%;
    float: left;
}

.cafe_info > li:first-child {
    padding-right: 2%;
}

.cafe_info > li + li {
    padding-left: 2%;
    border-left: 1px dashed #ddd;
}

/* ����Ұ� */
.info_president .tabBox {
    width: 13.75rem;
    background: #f4f4f4;
    padding: 1rem;
    float: left;
    margin-top: 2.4rem;
}

.info_president .tabBox ul li + li {
    border-top: 1px solid #e4e4e4;
}

.info_president .tabBox ul li a {
    position: relative;
    display: table;
    width: 100%;
    height: 2.3rem;
    font-size: 0.85rem;
    padding: 0 0.8rem;
}

.info_president .tabBox ul li a span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    word-break: keep-all;
    line-height: 1.2;
}

.info_president .tabBox ul li.on a {
    color: #fff;
    font-weight: 700;
}

.info_president .tabBox ul li.on a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 1.7rem);
    height: 100%;
    border-radius: 0 3rem 3rem 0;
    background: #215eb6 url('/images/web/snue/sub/prd_arrw.png') no-repeat right 1rem center;
}

.info_president #con_box {
    width: calc(100% - 16rem);
    float: right;
}

.info_president #con_box > div {
    position: relative;
}

.info_president #con_box .name {
    border-bottom: 4px solid #ccc;
}

.info_president #con_box .name p {
    position: relative;
    display: inline-block;
}

.info_president #con_box .name p:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    background: #0098d9;
}

.info_president #con_box .name span {
    font-size: 1rem;
}

.info_president #con_box .name span strong {
    font-size: 1.2rem;
    font-weight: 700;
}

.info_president #con_box .name em {
    font-size: 0.8rem;
    padding: 0 0.5rem;
}

.info_president #con_box .name em + em {
    position: relative;
}

.info_president #con_box .name em + em:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3rem;
    width: 1px;
    height: 0.6rem;
    background: #ddd;
}

.info_president #con_box .name ul {
    position: relative;
    display: inline-block;
}

.info_president #con_box .name ul:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    background: #0098d9;
}

.info_president #con_box .name ul li em {
    position: relative;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}

.info_president #con_box .name ul li em:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3rem;
    width: 1px;
    height: 0.6rem;
    background: #ddd;
}

.info_president #con_box .txtBox {
    position: relative;
    padding-right: 8rem;
}

.info_president #con_box .imgBox {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.8rem 0.5rem 1rem 0.75rem;
    background: url('/images/web/snue/sub/prd_img.png') no-repeat top / cover;
}

.info_president #con_box .imgBox img {
    width: 6.4rem;
    border: 1px solid #ddd;
}

.info_president #con_box .gray {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem;
}

.info_president #con_box .date1 li span {
    display: inline-block;
    margin-right: 0.5rem;
    color: #00409d;
    font-weight: 700;
}

.info_president #con_box .date2 li span {
    display: inline-block;
    min-width: 4.5rem;
    color: #00409d;
    font-weight: 700;
    margin-right: 0.5rem;
}

/* �������� */
.info_president #con_box.current {
    width: 100%;
    float: none;
}

.info_president #con_box.current .txtBox {
    padding-right: 19rem;
}

.info_president #con_box.current .imgBox {
    background: none;
    padding: 0;
    max-width: 320px;
}

.info_president #con_box.current .imgBox img {
    width: 100%;
    border: none;
}

.info_president #con_box.current .date2 li span {
    min-width: 6.5rem;
}

/* �λ縻 */
.greeting2 {
    position: relative;
    padding-right: 30%;
    word-break: keep-all;
}

.greeting2 .welcome {
    position: relative;
    font-size: 2rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1.2;
}

.greeting2 .welcome:before {
    content: url('/images/web/snue/sub/greeting_bg1.png');
    position: absolute;
    left: -0.9rem;
    top: -1.2rem;
    z-index: -1;
}

.greeting2 .welcome span {
    font-weight: 400;
}

.greeting2 .welcome strong {
    color: #074297;
    font-weight: 700;
}

.greeting2 .welcome em {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    margin-top: 1rem;
}

.greeting2 .welcome_pic {
    position: absolute;
    right: 0;
    top: 4rem;
    width: 38%;
    max-width: 490px;
}

.greeting2 .welcome_pic:after {
    content: "";
    position: absolute;
    left: -2rem;
    top: -4rem;
    width: 7.7rem;
    height: 7.7rem;
    border-radius: 50%;
    border: 1.5rem solid #fff2cb;
    opacity: 0.45;
    z-index: -1;
}

.greeting2 .welcome_pic:before {
    content: url('/images/web/snue/sub/greeting_bg2.png');
    position: absolute;
    right: -3rem;
    bottom: -3rem;
    z-index: -1;
}

.greeting2 .welcome_pic img {
    width: 100%;
}

.greeting2 .welcome_pic div {
    position: relative;
    width: 90%;
    max-width: 19.75rem;
    background: #045aaa;
    border-radius: 0 1.5rem 0 1.5rem;
    padding: 1rem;
    color: #fff;
    margin: -0.9rem 0 0 -1.5rem;
    overflow: hidden;
}

.greeting2 .welcome_pic div:before {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: -4.5rem;
    width: 10rem;
    height: 10rem;
    background: #318ae5;
    border-radius: 50%;
}

.greeting2 .welcome_pic div span {
    position: relative;
}

.greeting2 .welcome_pic div p {
    position: relative;
    text-align: right;
    font-size: 1.1rem;
    font-weight: 700;
}

.greeting2 .welcome_pic div p:before {
    /*content:"";*/
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 6rem;
    background: #75a4d0;
}

.greeting2 .welcome_pic div p strong {
    font-size: 1.4rem;
    font-style: italic;
}

.greeting2 .greeting_txt {
    background: #f8f8f8;
    border-radius: 1.5rem;
    padding: 1.5rem 7rem 1.5rem 1.5rem;
    margin-top: 1.5rem;
}

.greeting2 .greeting_txt strong {
    font-weight: 700;
    font-size: 0.85rem;
}

.greeting2 .greeting_txt .point {
    color: #123b97;
}

/* ���� */
.history_wrap2 {
    position: relative;
    padding-right: 22rem;
    overflow: hidden;
}

.history_wrap2 .background {
    position: absolute;
    right: 0;
}

.history_wrap2 .background .bg2 {
    margin-top: 10rem;
}

.history_wrap2 .background .bg3 {
    margin-top: 16.25rem;
}

.history_wrap2 > dl {
    position: relative;
    padding-left: 5rem;
}

.history_wrap2 > dl + dl {
    margin-top: 2.25rem;
}

.history_wrap2 > dl > dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.6rem;
    height: 6.6rem;
    background: #d5e6ff;
    border-radius: 50%;
    font-size: 1.45rem;
    font-weight: 700;
    color: #06234d;
    text-align: center;
    line-height: 6.6rem;
    z-index: 2;
}

.history_wrap2 > dl > dd {
    position: relative;
    padding: 1.1rem 3rem;
    background: #f9f9f9;
    min-height: 7rem;
    border-radius: 1rem;
}

.history_wrap2 > dl > dd > dl {
    position: relative;
    padding-left: 4.2rem;
}

.history_wrap2 > dl > dd > dl + dl {
    margin-top: 0.5rem;
}

.history_wrap2 > dl > dd > dl > dt {
    position: absolute;
    left: 0;
    top: 0;
    color: #053983;
    font-weight: 700;
    font-size: 0.9rem;
}

/* ���ǽ� */
.health_list {
    margin: 0 -0.625rem;
}

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

.health_list li {
    position: relative;
    width: 20%;
    float: left;
    padding: 0 0.625rem;
}

.health_list li + li::before {
    width: 0.9rem;
    height: 1.25rem;
    background: url('/images/web/snue/sub/step_lst_arr.png') no-repeat center / contain;
    position: absolute;
    left: -0.45rem;
    top: 4.3rem;
    content: '';
}

.health_list li dl {
    border: 1px solid #b2c1d6;
    border-radius: 0.75rem;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
}

.health_list li dl dt {
    background: #33588c;
    color: #fff;
    font-size: 0.85rem;
    padding: 0.75rem;
}

.health_list li dl dd {
    padding-top: 1.1rem;
}

.health_list li dl dd p {
    font-size: 0.85rem;
    background: #eceff5;
    color: #1f4f92;
    padding: 0.75rem;
    margin-top: 1.1rem;
    font-weight: 600;
}

/* ���̼��� */
.exhibit_search {
    background: #f2f4f6;
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
}

.exhibit_search select {
    width: 5rem;
    border: 1px solid #b9bec7;
    border-radius: 5px;
    margin: 0.2rem;
}

.exhibit_search input {
    display: inline-block;
    width: 50%;
    height: 1.9rem;
    border: 1px solid #b9bec7;
    border-radius: 5px;
    margin: 0.2rem;
}

.exhibit_search [class*="bT"] {
    font-size: 0.8rem !important;
    width: 6rem;
    text-align: left;
}

.exhibit_search [class*="bT"] i {
    float: right;
    margin-top: 0.3rem;
}

.exhibit_search + .tab_list2 {
    margin-top: 1rem;
}

.current_exhibit {
    position: relative;
    padding: 2.5rem 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.current_exhibit:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1300px;
    height: 114px;
    background: url('/images/web/snue/sub/artMuseum_txt.png') no-repeat;
}

.current_exhibit .exhibit_list li {
    width: 100%;
    max-width: 18rem;
    margin: 0.5rem;
}

/*260318*/
.current_exhibit .exhibit_list li span {
    height: 26rem;
}

.exhibit_list {
    position: relative;
    font-size: 0;
}

.exhibit_list li {
    display: inline-block;
    width: 16.5rem;
    margin-top: 3rem;
}

.exhibit_list li:nth-child(3n+1) {
    margin-left: 0;
}

.exhibit_list li + li {
    margin-left: calc((100% - 49.5rem) / 2);
}

.exhibit_list li a {
    display: block;
}

.exhibit_list li span {
    display: block;
    width: 100%;
    height: 16rem;
    background: no-repeat center / cover;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.07);
    border: 2px solid #c3cfde;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

.exhibit_list li p {
    font-size: 0.85rem;
    text-align: center;
    color: #404040;
    margin-top: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.exhibit_list li a:hover span, .exhibit_list li a:focus span {
    border-color: #00409d
}

.exhibit_list li a:hover p, .exhibit_list li a:focus p {
    color: #00409d
}

.exhibit_content {
    border-top: 1px solid #656565;
    background: #f6f6f2;
}

.exhibit_content > div {
    display: flex;
    min-height: 26rem;
}

.exhibit_content > div.img_left {
    flex-direction: row-reverse;
}

.exhibit_content > div > div {
    width: 50%;
}

/*260318*/
.exhibit_content > div > .img {
    background: no-repeat center / contain;
}

.exhibit_content > div > .txt {
    padding: 3rem;
    height: auto;
    overflow: hidden;
}

.exhibit_content > div > .txt div {
    max-width: 100% !important;
    background-color: transparent !important;
}

.exhibit_content > div > .txt p {
    background-color: transparent !important;
}

.exhibit_slide_wrap {
    background: #f5f5ec;
    padding: 3rem 1rem 3.5rem;
    text-align: center;
}

.exhibit_slide_wrap h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.exhibit_slide_wrap .exhibit_slide {
    position: relative;
    width: 32.8rem;
    margin: 0 auto;
}

.exhibit_slide_wrap .slick-list {
    overflow: hidden;
}

.exhibit_slide_wrap .slide {
    width: 100%;
    height: 100%;
    float: left;
}

.exhibit_slide_wrap .slide span {
    display: block;
    width: 100%;
    height: 19.5rem;
    background: no-repeat center / cover;
    cursor: pointer;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.exhibit_slide_wrap .slide span:hover, .exhibit_slide_wrap .slide span:focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.exhibit_slide_wrap .slick-arrow {
    position: absolute;
    font-size: 0;
    top: calc(50% - 1rem);
}

.exhibit_slide_wrap .slick-arrow:before {
    font-family: "xeicon";
    font-size: 2.25rem;
    color: #6f6f6f;
}

.exhibit_slide_wrap .slick-prev:before {
    content: "\e93d";
}

.exhibit_slide_wrap .slick-next:before {
    content: "\e940";
}

.exhibit_slide_wrap .slick-prev {
    left: -5rem;
}

.exhibit_slide_wrap .slick-next {
    right: -5rem;
}

/* ��Ģ �� ���� �˾� */
.rulePopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    display: none;
}

.rulePopup .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 94%;
    height: 85%;
    max-width: 22rem;
    max-height: 17rem;
    padding: 3.5rem 1rem 1rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
}

.rulePopup .inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.5rem;
    background: #00409d;
}

.rulePopup h3 {
    position: absolute;
    left: 1rem;
    top: 0;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #fff;
    padding-right: 2rem;
    overflow: hidden;
}

.rulePopup .popClose {
    position: absolute;
    right: 1rem;
    top: 0;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #fff;
}

/* ���Ƹ���Ȳ */
.sns_btn {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    line-height: 1.8rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
}

.sns_btn.home {
    background: #0098d9;
}

.sns_btn.youtube {
    background: #d6252d;
}

.sns_btn.instagram {
    background: linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -webkit-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -o-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
    background: -moz-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d);
}

.sns_btn.cafe {
    background: #03c75a
}

.sns_btn.facebook {
    background: #1876f0;
}

.sns_btn:hover, .sns_btn:focus {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

/* �������� */
.joinCont {
    position: relative;
    padding: 1.5rem 1.5rem 1.5rem 11rem;
    border: 1px solid #9cc0f3;
    border-bottom-width: 3px;
    border-radius: 1rem 0 0 0;
    background: #fff;
    word-break: keep-all;
}

.joinCont:before {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 1rem;
    display: table;
    width: 7.85rem;
    height: 7.85rem;
    background: url('/images/web/snue/con_com/ico_box_7.png') no-repeat center, url('/images/web/snue/con_com/box_ico_bg.png') no-repeat center / cover;
}

.joinCont h3 {
    font-size: 1.1rem;
    font-weight: 700;
}

.joinCont dl {
    margin-top: 1rem;
}

.joinCont a {
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    background: #3274d3;
    color: #fff;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.joinCont a:hover, .joinCont a:focus {
    background: #1d57aa;
}

/*총장후보자 소개*/
.election {
    position: relative;
}

.election li {
    width: calc((100% - 5rem) / 3);
    display: inline-block;
    border-radius: 1rem 1rem 0 0;
    margin-right: 2rem;
    text-align: center;
    overflow: hidden;
}

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

.election li p.name {
    padding: 0.5rem;
    font-size: 1rem;
    background-color: #1d57aa;
    color: #fff;
}

.election li p.img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1rem;
}

.election li p.img img {
    width: 100%;
}

.election li div.link {
    position: relative;
    text-align: center;
}

.election li div.link a {
    display: table;
    margin: 0 auto;
    padding: 0.25rem 4rem;
    border: 1px solid #1d57aa;
    margin-bottom: 0.5rem;
    border-radius: 1.5rem;
    transition: .3s;
}

.election li div.link a:hover {
    background-color: #1d57aa;
    color: #fff;
}

/*edu_slide 240313*/
.edu_slide_wrap {
    padding: 3rem 1rem 3.5rem;
    text-align: center;
    border: 1px solid #0068b7;
}

.edu_slide_wrap h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.edu_slide_wrap .edu_slide {
    position: relative;
    width: 40rem;
    margin: 0 auto;
}

.edu_slide_wrap .slick-list {
    overflow: hidden;
}

.edu_slide_wrap .slide {
    width: 100%;
    height: 100%;
    float: left;
}

.edu_slide_wrap .slide span {
    display: block;
    width: 100%;
    height: 22rem;
    background: no-repeat center / cover;
    cursor: pointer;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.edu_slide_wrap .slide span:hover, .edu_slide_wrap .slide span:focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.edu_slide_wrap .slick-arrow {
    position: absolute;
    font-size: 0;
    top: calc(50% - 2rem);
}

.edu_slide_wrap .slick-arrow:before {
    font-family: "xeicon";
    font-size: 2.25rem;
    color: #6f6f6f;
}

.edu_slide_wrap .slick-prev:before {
    content: "\e93d";
}

.edu_slide_wrap .slick-next:before {
    content: "\e940";
}

.edu_slide_wrap .slick-prev {
    left: -5rem;
}

.edu_slide_wrap .slick-next {
    right: -5rem;
}

.edu_slide_wrap .slick-dots {
    margin-top: 1rem;
}

.edu_slide_wrap .slick-dots li {
    display: inline-block;
    width: 5rem;
    height: 3.5rem;
    overflow: hidden;
}

.edu_slide_wrap .slick-dots li + li {
    margin-left: 0.5rem;
}

.edu_slide_wrap .slick-dots li .thumb {
    width: 100%;
    height: 100%;
}

.edu_slide_wrap .slick-dots li .thumb img {
    width: 100%;
}

/*대관절차 240315*/
.eduGoal.rent_step dd {
    background-image: none !important;
    padding: 0.75rem 1rem;
    min-height: 13rem;
}

.eduGoal.rent_step dd .txt {
    margin-top: 0.5rem;
    padding: 0.5rem;
    font-weight: 600;
}

.eduGoal.rent_step dd .txt .bu_st1 {
    font-weight: 600;
}

.eduGoal.rent_step dd.mh {
    min-height: 0;
}

.eduGoal.rent_step dd .num p {
    font-weight: 700;
}

.eduGoal.rent_step dd .num span {
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.eduGoal.rent_step dd .num span:before {
    left: -.35rem;
    top: -.35rem;
    width: calc(100% + .7rem);
    height: calc(100% + .7rem);
    display: none;
}

.eduGoal.rent_step dd:nth-child(6) .txt {
    display: flex;
    height: 9rem;
    align-items: center;
}

.eduGoal.rent_step dd .txt .txtB {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #eaf3ff;
    left: 0;
    text-align: center;
    border-radius: 0 0 1rem 1rem;
    padding: 0.5rem;
}

/*260506*/
.eduIdlgy2 dl {
    position: relative;
    padding-left: 7rem;
}

.eduIdlgy2  dl + dl {
    margin-top: 0.5rem;
}

.eduIdlgy2 dl > dt {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .9rem;
}

.eduIdlgy2 dl > dt > span {
    font-weight:700;
	color: #053983;
}

.eduIdlgy2.edu02 dl > dt > span {
    font-weight:700;
	color: #0098d9;
}

/*260506*/
.eduIdlgy.eduIdlgy2.edu01 .img { left: 0; top: 0;}
.eduIdlgy.eduIdlgy2 {padding-top: 1.5rem;min-height: 21rem;margin-bottom: 3.5rem;}
.eduIdlgy.eduIdlgy2 .cont {vertical-align:top;padding: 2rem 2rem 2rem 29rem;border-radius: 0 0 3rem 0;}
.eduIdlgy.eduIdlgy2.edu02 .cont {border-radius: 0 0 0 3rem;padding: 2rem 30rem 2rem 2.5rem;}
.eduIdlgy.eduIdlgy2.edu02 .img {right:0; top:0;}



/* RESPONSIVE */
@media (max-width: 1640px) {
    /*대관절차 240315*/ .eduGoal.rent_step dd .li_w50 li {
        width: 100%;
    }

    .eduGoal.rent_step dd:not(.mh) {
        min-height: 16rem;
    }
}

@media (max-width: 1600px) {
    /* ���� ���־� */ .sub_visual .slogan p {
        padding-top:3rem;
    }

    .sub_visual .slogan h2 {
        margin-top: -3rem;
        font-size: 1.75rem;
    }

    .sub_visual .slogan em {
        font-size: 0.9rem;
    }

    .sub_visual.activze .slogan span img {
        width: 10rem;
    }

    .sub_visual.active .slogan em {
        letter-spacing: 0.2rem;
    }

    .sub_visual.active .slogan span img {
        width: 7rem;
    }

    #sub_content {
        padding: 2rem 0;
    }

    .conH3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1550px) {
    /* �л����߱�, ���������� */ .step_lst_l > li > div {
        height:16rem;
    }
}

@media (max-width: 1440px) {
    /* ����޴� */ #snb .dep01 {
        width:calc((100% + 5px) / 3);
    }

    /* �λ縻 */
    .greeting .welcome {
        font-size: 2rem;
    }

    .greeting .greeting_txt {
        padding-right: 0;
    }

    .greeting .president {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        margin-top: 2rem;
        padding: 1rem 510px 0 0;
        min-height: 325px;
    }

    .greeting .president .photo {
        position: absolute;
        right: 0;
        top: 0;
    }

    /* �л����߱�, ���������� */
    .step_lst > li {
        width: 50%;
        padding-bottom: 2rem;
    }

    .step_lst > li:nth-of-type(3) {
        float: right;
    }

    .step_lst > li:nth-of-type(4):before {
        right: -.435rem;
        left: auto;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .step_lst > li:nth-of-type(3):before, .step_lst > li:nth-of-type(5):before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        top: -1rem;
        left: 50%;
    }

    .step_lst > li > div .txt {
        font-size: .8rem;
    }

    .step_lst_l > li > div {
        height: 14rem;
    }

    .step_lst.w20 > li {
        width: 50%;
    }

    /*240717추가*/
    .step_lst.w30 > li {
        width: 50%;
    }
}

@media (max-width: 1280px) {
    /* ���� ���־� */ .sub_visual {
        height:18rem;
    }

    .sub_visual .slogan p {
        padding-top: 1rem;
    }

    .sub_visual .slogan h2 {
        margin-top: -4rem;
    }

    .sub_visual.active .slogan em {
        letter-spacing: 0;
    }

    /* �λ縻 */
    .greeting2 {
        padding-right: 10%;
    }

    .greeting2 .welcome_pic {
        width: 25%;
    }

    .greeting2 .welcome_pic:before {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .greeting2 .welcome_pic div {
        width: 100%;
        padding: 1rem;
    }

    .greeting2 .welcome_pic div p {
        font-size: 0.9rem;
    }

    .greeting2 .welcome_pic div p:before {
        display: none;
    }

    .greeting2 .welcome_pic div p strong {
        font-size: 1rem;
    }

    .greeting2 .greeting_txt {
        padding-right: 25%;
    }

    /* ���� */
    .history_wrap2 {
        padding-right: 15rem;
    }

    .history_wrap2 .background img {
        width: 13rem;
    }

    /* ������ */
    .orgBox .org3 dd ul > li {
        width: 48%;
    }

    .orgBox .org3 .box dd ul > li {
        width: 23%;
    }

    .orgBox .org4 {
        padding-left: 10rem;
    }

    .orgBox .org4 > ul.org4_1:before {
        content: "";
        position: absolute;
        left: -1rem;
        top: 1.5rem;
        width: 2px;
        height: calc(100% - 4rem);
        background: #cecece;
    }

    .orgBox .org4 > ul.org4_1 > li {
        width: 16.666%;
        margin-bottom: 1rem;
    }

    .orgBox .org4 > ul.org4_1:after {
        display: none;
    }

    /*240624*/
    .orgBox .org4 > ul.org4_1 > li:nth-child(n + 7) {
        margin-top: 0;
    }

    /*240624*/
}

@media (max-width: 1240px) {
    /* �����̳� */ .eduIdlgy {
        padding-top:1.5rem;
    }

    /*260506*/
    .eduIdlgy .cont {
        padding: 1rem 2rem 1rem 45% !important;
        font-size: .8rem;
    }

    .eduIdlgy .cont h3 {
        font-size: 1.2rem;
    }

    .eduIdlgy .img {
        width: 40%;
    }

    /*260506*/
    .eduIdlgy.edu02 .cont {
        padding: 1rem 45% 1rem 2rem !important;
    }

    /* �������� */
    .organization .org2 {
        width: 100%;
    }

    .organization .org2 > li {
        width: 32%;
    }

    .organization .org2 > li:nth-child(2) {
        margin: 0 2%;
    }

    /* �������� */
    .president > ul > li {
        width: 49%;
    }

    .president > ul > li:nth-child(3n) {
        margin-right: 2%;
    }

    .president > ul > li:nth-child(2n) {
        margin-right: 0;
    }

    /* �к���, ������۱�, ������������, insight */
    .titImgBox dt, .titImgBox dd {
        width: 100%;
    }

    .titImgBox .img {
        margin: 0 auto 1.5rem;
    }

    /* ����� */
    .calendar_wrap .calendar_box {
        float: none;
        margin: auto;
    }

    .calendar_wrap .schedule_box {
        float: none;
        width: 100%;
        margin-top: 1rem;
        padding: 0;
    }

    /* ���л�ȸ ������ */
    .organization2 .org1, .organization2 .org2, .organization2 .org3 > li {
        width: 30%;
    }

    .organization2 .org1:before {
        right: -70%;
    }

    .organization2 .org2:before {
        left: -10%;
        width: 10%;
    }

    .organization2 .org2:after {
        left: -20%;
        width: 10%;
    }

    /* �Ĵ�ǥ */
    .meal_list dl {
        width: calc(25% - 0.6rem);
    }

    /* �Ĵܾȳ� */
    .meal_info li .img {
        height: 6rem;
    }

    /* �б���¡ */
    .symbolBox .symbol {
        display: block;
        font-size: 0;
        margin-top: 2rem;
        margin-left: -1%;
        width: 102%;
    }

    .symbolBox .symbol > li {
        display: inline-block;
        width: 48%;
        margin: 0 1% 1rem;
        vertical-align: top;
    }

    .symbolBox .symbol > li .txt {
        min-height: 14rem;
        font-size: .8rem;
    }

    /* �����Ұ�
	.professor > ul > li .name { padding-right:0; }
	.professor > ul > li .name h3 { padding-right:13rem; }
	.professor > ul > li .name ul > li { width:50%; }*/
    /* �����Ĵ� */
    .cafe_info > li {
        display: block;
        width: 100%;
    }

    .cafe_info > li:first-child {
        padding-right: 0;
    }

    .cafe_info > li + li {
        padding-left: 0;
        border-left: none;
        margin-top: 2rem;
    }

    /* �������� */
    .info_president #con_box.current .txtBox {
        padding-right: 0;
    }

    .info_president #con_box.current .imgBox {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        margin: 2rem auto 0;
        text-align: center;
    }

    /* ���̼��� */
    .exhibit_list li {
        width: 32%;
    }

    .exhibit_list li:nth-child(3n+1) {
        margin-left: 0;
    }

    .exhibit_list li + li {
        margin-left: 2%;
    }
}

@media (max-width: 1024px) {
    /* ����޴� */ #snb {
        margin-left:-1rem;
        padding-left: 0;
        padding-right: 0;
        width: calc(100% + 2rem);
    }

    #snb .home {
        display: none;
    }

    #snb .dep01 {
        width: calc(100% - 2.5rem);
    }

    #snb ul:not(.mobSnb) {
        left: 0;
    }

    #snb ul:not(.mobSnb):before {
        display: none;
    }

    #snb ul:not(.mobSnb) li {
        width: 100%;
    }

    #snb ul.mobSnb {
        left: 0;
    }

    #snb li.active:after {
        display: none;
    }

    /* ���շα��� */
    .login_wrap .login_box {
        width: 100%;
    }

    .login_wrap .login_box .inner [class^="login_type"] {
        width: 100%;
        height: auto;
        float: none;
    }

    .login_wrap .login_box .inner .login_type2 {
        border-width: 1px 0 0;
    }

    /* sns */
    .snsBox {
        right: -1rem;
    }

    .snsBox .btnPrint {
        display: none;
    }

    .snsBox .sns_more {
        right: 0;
    }

    /* �����̳� */
    .eduGoal {
        width: 102%;
        margin-left: -1%;
    }

    .eduGoal dt {
        margin: 0 1% 1rem;
    }

    .eduGoal dd:not(.w100) {
        width: 48%;
        min-height: 20rem;
        margin: .5rem 1%;
    }

    .eduGoal dd.w100 {
        margin: 0 1%;
        width: 98%;
    }

    /* ���� */
    .history_wrap > dl:last-child {
        padding-bottom: 2rem;
    }

    .history_wrap > dl:before {
        display: none;
    }

    .history_wrap > dl > dd > dl {
        width: 100%;
    }

    .history_wrap > dl > dd > dl > dt:before {
        display: none;
    }

    .history_wrap > dl > dd > dl.right {
        margin-left: 0;
    }

    .history_wrap > dl > dd > dl.right > dt {
        text-align: left;
    }

    .history_wrap > dl > dd > dl.left {
        text-align: left;
        padding: 0 0 0 5.3rem;
    }

    .history_wrap > dl > dd > dl.left > dt {
        right: auto;
        left: 0;
        text-align: left;
    }

    .history_wrap > dl:last-child:after {
        display: none;
    }

    /* �б���¡ */
    .symbolBox .ciBox .ci {
        width: 16rem;
    }

    .symbolBox .ciBox .cont {
        width: calc(100% - 16rem);
        padding-left: 1.5rem;
    }

    .symbolBox .list_w30 {
        display: block;
        margin-right: 0;
    }

    .symbolBox .list_w30 li {
        margin-right: 0;
    }

    .symbolBox .list_w30 li + li {
        margin-top: 1rem;
    }

    .symbolBox .titBox_w50 > .titBox {
        width: 100%;
        float: none;
    }

    .symbolBox .titBox_w50 > .titBox + .titBox {
        margin-top: 2rem;
        margin-left: 0;
    }

    .symbolBox .titBox_w50 > .titBox .box_st2 {
        min-height: 0px;
    }

    .symbolBox .titBox_w50 > .titBox:first-child img {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    /* �������� */
    .organization {
        padding-bottom: 0;
        background: none;
    }

    .organization:before {
        height: 90%;
    }

    .organization .org2 {
        margin-bottom: 2.5rem;
    }

    .organization .org3 > li {
        margin-bottom: 2rem;
    }

    .organization .org3 > li.top_first {
        width: 100%;
        margin-bottom: 5rem;
    }

    .organization .org3 > li {
        width: 33.333%;
    }

    .organization .org3 > li.top_first:after, .organization .org3 > li:nth-child(3):before {
        display: none;
    }

    .organization .org3 > li:nth-child(2):after {
        width: 50%;
        left: 50%;
    }

    .organization .org3 > li:nth-child(2):before {
        content: "";
        position: absolute;
        left: 50%;
        top: -2.5rem;
        width: 1px;
        height: 200%;
        background: #dadada;
    }

    /* ���� �������� */
    .org_detail ul li {
        width: 100%;
    }

    /* �Ĵܾȳ� */
    .meal_info li {
        width: 48%;
        display: none;
    }

    .meal_info li.on {
        display: block;
    }

    .meal_info .control {
        display: block;
        text-align: center;
        margin-top: 1rem;
        font-size: 0.8rem;
    }

    .meal_info .control a {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background: #fff;
        line-height: 2rem;
        border: 1px solid #ddd;
        border-radius: 50%;
    }

    .meal_info .control a:hover, .meal_info .control a:focus {
        border-color: #73d0fc;
        color: #406bd9;
    }

    /* �Ĵ�ǥ */
    .meal_list dl {
        width: calc(33.333% - 0.6rem);
    }

    /* ������ �Ĵ�ǥ */
    .meal_table table colgroup {
        display: none;
    }

    .meal_table table thead {
        display: none;
    }

    .meal_table table td {
        display: block;
        padding: 0;
    }

    .meal_table table td > span {
        display: block;
        line-height: 2rem;
    }

    .meal_table table td > span + a {
        display: block;
        border-top: 1px dashed #ddd;
        padding-top: 0.5rem;
    }

    .meal_table table .calTxt ul {
        display: flex;
    }

    .meal_table table .calTxt li {
        flex: 1;
        padding: 0 0.5rem 0.5rem;
    }

    .meal_table table .calTxt li + li {
        margin: 0;
    }

    /* �а� */
    .titImgBox2 {
        padding: 1rem;
    }

    .titImgBox2 > .boxCon {
        width: 100%;
    }

    .titImgBox2 > .boxImg {
        display: none;
    }

    /* ������ */
    .orgBox .org1 {
        margin: 0 auto;
    }

    .orgBox .org2 {
        margin: 3.5rem 0 1rem;
    }

    .orgBox .org3 > p, .orgBox .org3 .org3_1, .orgBox .org3 .org3_2 dt, .orgBox .org3 .box2 .org3_3, .orgBox .org4 > p {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .orgBox .org2, .orgBox .org3, .orgBox .org3 > div, .orgBox .org3 .org3_2, .orgBox .org3 .box2 .org3_2 dd, .orgBox .org4 {
        padding: 0;
    }

    .orgBox .org3 .org3_2 {
        margin-bottom: 1rem;
    }

    .orgBox .org3 .box:before {
        width: 1rem;
    }

    .orgBox .org3 .box2:after {
        height: 1.5rem;
    }

    .orgBox .org3 .box2:before {
        width: 1rem;
        top: 1.5rem;
    }

    .orgBox .org3 .box2 .org3_3 {
        top: 0;
    }

    .orgBox:before, .orgBox .org2:before, .orgBox .org3:before, .orgBox .org3 .box:after, .orgBox .org3 .box2:after, .orgBox .org3 .box2 .org3_2:before, .orgBox .org3 .box2 .org3_2 dd:after, .orgBox .org3 .box2 .org3_2 dd:before, .orgBox .org4 > ul > li:before, .orgBox .org3 .box2 .org3_2 dt:before {
        display: none;
    }

    .orgBox .org3 .box2 .org3_3 br {
        display: none;
    }

    .orgBox .org3 dd ul {
        padding: 0.5rem;
    }

    .orgBox .org3 .box dd ul > li, .orgBox .org3 dd ul > li {
        width: calc(25% - 0.4rem);
        margin: 0.2rem;
    }

    .orgBox .org4 {
        margin-top: 1rem;
    }

    .orgBox .org4 > ul > li {
        width: 25%;
        margin-bottom: 1rem;
        padding: 0 0.2rem;
    }

    .orgBox .org4 > ul.org4_1 > li {
        width: 25%;
        padding: 0 0.2rem;
    }

    /* ���ǽ� */
    .health_list li {
        width: 33.33%;
        margin-bottom: 1rem;
    }

    .health_list li:nth-of-type(3n+1)::before {
        display: none;
    }

    /*���ǽü�*/
    .img_list4 li {
        width: 50%;
        margin-bottom: 1rem;
    }
}

@media (max-width: 1080px) {
    /* �����Ұ� */ .info_president .tabBox {
        width:100%;
        float: none;
        margin-top: 0;
        padding: 0;
    }

    .info_president .tabBox ul {
        height: auto;
        overflow: hidden;
    }

    .info_president .tabBox ul li {
        position: relative;
        width: 33.333%;
        float: left;
        text-align: center;
    }

    .info_president .tabBox ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.7rem;
        width: 1px;
        height: 1rem;
        background: #ddd;
    }

    .info_president .tabBox ul li:nth-child(3n+1):before {
        display: none;
    }

    .info_president .tabBox ul li + li {
        border-top: 0;
    }

    .info_president .tabBox ul li.on a:before {
        width: 100%;
        border-radius: 0;
        background: #215eb6;
    }

    .info_president #con_box {
        width: 100%;
        float: none;
        margin-top: 1rem;
    }

    /* �λ縻 */
    .greeting2 {
        padding-right: 0;
    }

    .greeting2 .welcome_pic {
        position: relative;
        right: auto;
        top: auto;
        width: 85%;
        margin: 1rem auto;
        max-width: 400px;
    }

    .greeting2 .greeting_txt {
        padding-right: 1.5rem;
    }

    /* ���� */
    .history_wrap2 {
        padding-right: 0;
    }

    .history_wrap2 .background {
        display: none;
    }

    .history_wrap2 > dl {
        padding-left: 4rem;
    }

    .history_wrap2 > dl > dt {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.1rem;
    }

    .history_wrap2 > dl + dl {
        margin-top: 1rem;
    }

    /* ȫ�������� */
    .videoBox {
        padding-right: 0;
    }

    .video_txt {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        height: 15rem;
        margin-top: 1rem;
    }

    /* ���̼��� */
    .exhibit_content > div {
        display: block;
        min-height: 0;
    }

    .exhibit_content > div > div {
        width: 100%;
    }

    .exhibit_content > div > .txt {
        padding: 2rem;
    }

    .exhibit_content > div > .img {
        height: 20rem;
    }

    .exhibit_slide_wrap .exhibit_slide {
        max-width: calc(100% - 6rem);
    }

    .exhibit_slide_wrap .slick-prev {
        left: -3rem;
    }

    .exhibit_slide_wrap .slick-next {
        right: -3rem;
    }

    /*edu_slide 240313*/
    .edu_slide_wrap .edu_slide {
        max-width: calc(100% - 6rem);
    }

    .edu_slide_wrap .slide span {
        height: 18rem;
    }

    .edu_slide_wrap .slick-prev {
        left: -3rem;
    }

    .edu_slide_wrap .slick-next {
        right: -3rem;
    }

    .edu_slide_wrap .slick-dots li {
        width: 3rem;
        height: 2rem;
    }
}

@media (max-width: 860px) {
    /* �����̳� */ .eduGoal {
        width:100%;
        margin-left: 0%;
    }

    .eduGoal dt {
        margin: 0 0% 1rem;
    }

    .eduGoal dd:not(.w100) {
        width: 100%;
        min-height: 0;
        margin: .5rem 0;
    }

    .eduGoal dd.w100 {
        margin: 0;
        width: 100%;
    }

    /*총장후보자 소개*/
    .election li {
        width: calc((100% - 3rem) / 2);
    }

    .election li:last-child {
        margin-right: auto;
    }

    .election li:nth-child(even) {
        margin-right: 0;
    }

    /*대관절차 240315*/
    .eduGoal.rent_step dd:not(.mh) {
        min-height: auto;
    }

    .eduGoal.rent_step dd .txt.flx, .eduGoal dd:nth-child(6) .txt {
        display: block;
    }

    .eduGoal.rent_step dd:nth-child(6) .txt {
        height: auto;
    }

    .eduGoal.rent_step dd:nth-child(1) {
        min-height: 12rem;
    }

    /*240717*/
    .step_lst > li > div .txt {
        min-height: 8.7rem
    }
}

@media (max-width: 768px) {
    #sub_content {
        padding:1.5rem 0;
    }

    .conH3 {
        margin-bottom: 1rem;
        line-height: 1.5;
        font-size: 1.25rem;
    }

    .snsBox .sns_more {
        width: 12.2rem;
    }

    .snsBox .sns_more a:not(.btnClose) {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
    }

    .snsBox .sns_more a:not(.btnClose) i {
        line-height: 1.8rem;
    }

    /* �����̳� */
    .eduIdlgy {
        display: block;
        height: auto;
    }

    .eduIdlgy .img {
        position: relative;
        left: auto;
        bottom: auto;
        width: 60%;
        height: auto;
        margin: 0 auto;
    }

    .eduIdlgy .img img {
        width: 100%;
        height: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .eduIdlgy .cont {
        display: block;
        padding: 4rem 1.5rem 2rem !important;
        margin-top: -3rem;
        border-radius: 0 0 2rem 0 !important;
    }

    /*260506*/
    .eduIdlgy.edu02 .cont {
        display: block;
        padding: 4rem 1.5rem 2rem !important;
        margin-top: -3rem;
        border-radius: 0 0 2rem 0 !important;
    }

    /*260506*/
    .eduIdlgy.eduIdlgy2.edu02 .cont {
        padding: 4rem 1.5rem 2rem !important;
    }

    .eduIdlgy .cont:before {
        left: auto !important;
        right: 0 !important;
    }

    /* �б���¡ */
    .symbolBox .ciBox .ci {
        width: 100%;
    }

    .symbolBox .ciBox .cont {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    /* �������� */
    .organization .org1 {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        margin-bottom: 2rem;
    }

    .organization .org2 {
        margin-bottom: 1rem;
    }

    .organization .org3 {
        margin: 0;
    }

    .organization .org3 > li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        float: none;
        margin-bottom: 1rem;
        padding: 0;
    }

    .organization .org3 > li:nth-child(2n) {
        margin-right: 2%;
    }

    .organization .org3 > li.top_first {
        margin-bottom: 1rem;
    }

    .organization:before {
        height: 1rem;
    }

    .organization .org3 > li:nth-child(2):before {
        content: "";
        position: absolute;
        left: 50%;
        top: -2.5rem;
        width: 1px;
        height: 200%;
        background: #dadada;
    }

    .organization .org4 {
        width: 49%;
    }

    .organization .org4 + .org4 {
        margin-left: 2%;
    }

    .organization .org2:before, .organization .org3 > li.top_first:before, .organization .org3 > li:nth-child(2):before, .organization .org3 > li.top_last:before, .organization .org3 > li:nth-child(-n+4):after {
        display: none;
    }

    /* ���� �������� */
    .org_detail ul li {
        width: 100%;
        padding: 0 0 0 0.5rem;
    }

    .org_detail ul li strong {
        position: relative;
        left: -0.5rem;
        top: auto;
        display: block;
    }

    /* ���帲 */
    .dearDream li:first-child {
        width: 100%;
        margin: 0 0 1rem;
    }

    .dearDream li:last-child {
        width: 100%;
    }

    .dearDream li img {
        width: 100%;
    }

    .dearDream_video > div {
        display: block;
    }

    .dearDream_video > div > div {
        width: 100%;
    }

    /* ������ */
    .dodream_img {
        display: block;
    }

    .organization3 .org3 {
        flex-wrap: wrap;
        border: 2px solid #dadada;
        padding: 0 1rem 1rem;
    }

    .organization3 .org3 > li {
        width: 30%;
        padding-top: 1rem;
    }

    .organization3 .org3:before, .organization3 .org3 li:before {
        display: none;
    }

    /* �������� */
    .president > ul > li {
        width: 100%;
    }

    .president > ul > li:nth-child(3n) {
        margin-right: 0;
    }

    /* ������ȭ��ȣ */
    .tbl_w50 > li {
        width: 100%;
    }

    .tbl_w50 > li + li {
        margin-left: 0;
    }

    .tbl_w30 > li {
        width: 100%;
        margin-left: 0;
    }

    /* �λ縻 */
    .greeting .welcome {
        font-size: 1.7rem;
    }

    .greeting .greeting_txt {
        padding: 1rem 0 0;
    }

    .greeting .greeting_txt > p > strong {
        font-size: 1.2rem;
    }

    .greeting .president {
        padding: 0;
    }

    .greeting .president .photo {
        position: relative;
        right: auto;
        top: auto;
    }

    .greeting .president img {
        max-width: 100%;
    }

    /* ����� */
    .calendar_wrap .calendar_box {
        width: 100%;
    }

    .calendar_wrap .calendar_box .inner {
        padding: 1.75rem 1rem;
    }

    .calendar_wrap .calendar_box .inner:after {
        display: none;
    }

    /* �л����߱�, ���������� */
    .step_lst_l > li > div {
        height: 15rem;
    }

    /* �����Ұ� */
    .professor {
        text-align: left;
    }

    .professor table colgroup {
        display: none;
    }

    .professor table thead {
        display: none;
    }

    .professor table tr {
        display: block;
        font-size: 0;
    }

    .professor table td {
        display: inline-block;
        width: 33%;
        border: none !important;
        font-size: 0.8rem;
        vertical-align: top;
        padding: 0.2rem;
    }

    .professor table td:last-child {
        width: 100%;
    }

    .professor table td:last-child .tit {
        display: none;
    }

    .professor table td .more {
        width: 100%;
        text-align: center;
    }

    .professor table td .tit {
        display: inline-block;
        width: 2.5rem;
        font-weight: 600;
        margin-right: 0.5rem;
    }

    .professor table tr {
        padding: 0.5rem 0;
        border-bottom: 1px dashed #dce8f5;
    }

    .layerPop_pf .con {
        padding-right: 0;
    }

    .layerPop_pf .con .img {
        position: relative;
        right: auto;
        top: auto;
        width: 7.65rem;
        margin: 0 auto;
    }

    /* �����Ĵ� */
    .img_list3 li ,.img_list4 li {
        width: 100%;
        padding: 0;
    }

    .img_list3 > li:nth-child(n+4) {
        margin-top: 0.5rem;
    }

    .img_list3 li + li , .img_list4 li + li {
        margin-top: 0.5rem;
    }

    /* ������ �Ĵ�ǥ ��� �ڽ� */
    .meal_file span {display:block;}
    .meal_file input[type="file"] {
        margin: 0.5rem 0;
        width: calc(100% - 13rem);
    }

    /* �����Ұ� */
    .info_president #con_box .txtBox {
        padding-right: 0;
    }

    .info_president #con_box .imgBox {
        position: relative;
        right: auto;
        top: auto;
        width: 7.65rem;
        margin: 1rem auto 0;
    }

    .info_president #con_box .imgBox + .tit1 {
        margin-top: 0;
    }

    /* �λ縻 */
    .greeting2 .welcome {
        font-size: 1.5rem;
    }

    .greeting2 .welcome:before {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .toggle_lst > li .toggle_cont {
        padding: 0.5rem 1rem;
    }

    /* ���̼��� */
    .exhibit_list li {
        width: 49%;
    }

    .exhibit_list li:nth-child(3n+1) {
        margin-left: 2%;
    }

    .exhibit_list li:nth-child(2n+1) {
        margin-left: 0;
    }

    .exhibit_search input {
        width: calc(100% - 12rem);
    }

    .exhibit_search [class*="bT"] {
        width: 5rem;
    }
}

@media (max-width: 680px) {
    /* ���� */ .history_wrap h4 {
        font-size:2.4rem;
    }

    .history_wrap > dl > dt {
        line-height: 2.5rem;
    }

    .history_wrap > dl > dd > dl.left, .history_wrap > dl > dd > dl.right {
        padding: 0;
    }

    .history_wrap > dl > dd > dl > dt {
        position: relative;
        left: auto;
        top: auto;
    }

    /* �б���¡ */
    .symbolBox .key_colors li {
        width: 100%;
        margin-right: 0;
    }

    /* �Ĵ�ǥ */
    .meal_list dl {
        width: calc(50% - 0.6rem);
    }

    /* �������� */
    .joinCont {
        padding: 8.5rem 1rem 1rem;
        text-align: center;
    }

    .joinCont:before {
        left: 50%;
        top: 1rem;
        width: 6.5rem;
        height: 6.5rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-size: 4rem auto, cover;
    }
}

@media (max-width: 580px) {
    /* ���л�ȸ ������ */ .organization2 .org1, .organization2 .org2, .organization2 .org3 > li {
        width:100%;
    }

    .organization2 .org1 > li > span {
        margin-bottom: 1rem;
    }

    .organization2 .org2 {
        position: relative;
        right: auto;
        top: auto;
    }

    .organization2:before, .organization2 .org1:before, .organization2 .org2:before, .organization2 .org2:after, .organization2 .org3:before {
        display: none;
    }

    .organization2 .org3 {
        display: block;
    }

    .organization2 .org3 > li + li {
        margin-top: 1rem;
    }

    /* �����Ұ�
	.professor > ul > li { height:auto; overflow:hidden; }
	.professor > ul > li .name h3 { padding-right:0; }
	.professor > ul > li .name ul > li { width:100%; }
	.professor > ul > li .more { position:relative !important; right:auto; top:auto; width:100%; margin:0 !important; text-align:center; }
	.professor > ul > li .box { padding:1rem; } */
    /* ������ �Ĵ�ǥ */
    .meal_table table .calTxt ul {
        display: block;
    }

    /* �����Ұ� */
    .professor table td {
        width: 50%;
    }

    /* �б���¡ */
    .symbolBox .symbol {
        margin-left: 0%;
        width: 100%;
    }

    .symbolBox .symbol > li {
        width: 100%;
        margin: 0 0 1rem;
    }

    .symbolBox .symbol > li .txt {
        min-height: 0px;
    }

    /* ���帲 */
    .dearDream_video a {
        position: relative;
        right: auto;
        top: auto;
        display: block;
        text-align: right;
        margin-bottom: 1rem;
    }

    /* �����Ұ� */
    .info_president .tabBox ul li {
        width: 50%;
    }

    .info_president .tabBox ul li:nth-child(2n+1):before {
        display: none;
    }

    .info_president .tabBox ul li:nth-child(4):before {
        display: block;
    }

    .info_president .tabBox ul li a {
        font-size: 0.75rem;
    }

    .info_president #con_box .name {
        text-align: center;
    }

    .info_president #con_box .name span {
        display: block;
    }

    .info_president #con_box .name br {
        display: none;
    }

    .info_president #con_box .date1 li span, .info_president #con_box .date2 li span {
        display: block;
    }

    .layerPop_pf .box .profile {
        display: block;
    }

    .layerPop_pf .box .profile .img {
        margin: 0 auto 0.5rem;
    }

    /* ���� */
    .history_wrap2 > dl {
        padding-left: 0;
    }

    .history_wrap2 > dl > dt {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 2.2rem;
        line-height: 2.2rem;
        border-radius: 1rem 1rem 0 0;
        font-size: 1rem;
    }

    .history_wrap2 > dl > dd {
        padding: 1rem;
        min-height: 0;
        border-radius: 0 0 1rem 1rem;
    }

    .info_president #con_box.current .imgBox {
        padding-right: 10%;
    }

    .info_president #con_box.current .imgBox img {
        max-width: 100%;
    }

    /* ������ */
    .orgBox .org2 {
        flex-wrap: wrap;
        margin: 3.5rem -0.2rem 1rem;
    }

    .orgBox .org2 li {
        width: calc(50% - 0.4rem);
        margin: 0.2rem;
    }

    .orgBox .org3 dd ul > li, .orgBox .org3 .box dd ul > li {
        width: calc(50% - 0.4rem);
    }

    .orgBox .org4 > ul.org4_1 > li, .orgBox .org4 > ul > li {
        width: 50%;
    }

    /* ������ �˻�ȭ�� */
    .org_search_wrap {
        height: auto;
        overflow: hidden;
        margin: 0 0 2rem;
    }

    .org_search_wrap a {
        float: right;
    }

    .org_search {
        width: 100%;
    }

    /* ���ǽ� */
    .health_list li {
        width: 50%;
    }

    .health_list li:nth-of-type(3n+1)::before {
        display: block;
    }

    .health_list li:nth-of-type(2n+1)::before {
        display: none;
    }

    /* ���̼��� */
    .exhibit_slide_wrap {
        padding: 1.5rem 0;
    }

    .exhibit_slide_wrap .slide span {
        height: 12rem;
    }

    .exhibit_content > div > .txt {
        padding: 1.5rem 1rem;
    }

    .exhibit_content > div > .img {
        height: 15rem;
    }

    /*총장후보자 소개*/
    .election li p.img {
        margin-bottom: 0.5rem;
    }

    .election li div.link a {
        padding: 0.25rem 2rem;
    }

    /*edu_slide 240313*/
    .edu_slide_wrap {
        padding: 1rem 0.5rem;
    }

    .edu_slide_wrap .slide span {
        height: 12rem;
    }

    .edu_slide_wrap .slick-dots li {
        width: 3rem;
        height: 2rem;
    }
}

@media (max-width: 530px) {
    /* �����̳� */ .eduGoal dd {
        padding:1rem;
    }

    .eduGoal dd:after {
        font-size: 4rem;
    }

    /* �������� */
    .president .img {
        position: relative;
        display: block;
        left: auto;
        top: auto;
        margin: 0 auto 0.5rem;
    }

    .president > ul > li div {
        padding-left: 0;
    }

    .president .pop_president .inner {
        background-size: 60% auto;
        padding: 2rem 1rem;
    }

    .president .pop_president .inner > div {
        padding-left: 0;
    }

    .president .pop_president .inner .close {
        right: 1rem;
    }

    /* ���帲 ������ */
    .organization3 .org1 {
        position: initial;
        padding-bottom: 0;
    }

    .organization3 .org1:before {
        bottom: auto;
        top: 1rem;
        height: calc(100% - 2rem);
    }

    .organization3 .org1 span {
        width: 100%;
    }

    .organization3 .org2 {
        display: block;
    }

    .organization3 .org2 li {
        width: 100%;
        padding-top: 1rem;
    }

    .organization3 .org2:before, .organization3 .org2 li:before {
        display: none;
    }

    /* ���帲 */
    .organization3 .org3 {
        border: none;
        padding: 0;
    }

    .organization3 .org3 > li {
        width: 100%;
    }

    /* ��й�ȣ ���� */
    .join_table {
        margin: 2rem auto 0;
        padding: 3rem 1rem 1.5rem;
    }

    .join_table:before {
        left: 50%;
        top: -2rem;
        width: 4rem;
        height: 4rem;
        margin-left: -2rem;
    }

    .join_table table colgroup {
        display: none;
    }

    .join_table table th, .join_table table td {
        display: block;
    }

    .meal_file input[type="file"] {width:100%;margin-bottom: .25rem;}
    .meal_file a, .meal_file button {margin-bottom:.25rem;}
    .meal_file .check_list_wrap button {margin-bottom:0;}
    .meal_file .check_list_wrap {margin-top: 0;}
}

@media (max-width: 480px) {
    /* ���շα��� */ .login_wrap .login_box .inner [class^="login_type"] {
        padding:2rem 1.25rem;
    }

    .login_wrap .login_box .inner [class^="login_type"] .login_tit {
        margin-bottom: 1rem;
        font-size: 1.1rem;
    }

    .login_wrap .login_box .inner [class^="login_type"] .login_form > li > span, .login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box {
        float: none;
        width: 100%;
        font-size: .85rem;
    }

    /* �л����߱�, ���������� */
    .step_lst > li, .step_lst > li:nth-of-type(3) {
        width: 100%;
        float: none;
        padding-bottom: 1rem;
    }

    .step_lst > li > div, .step_lst_l > li > div {
        height: auto;
    }

    .step_lst > li + li:before {
        display: none;
    }

    .step_lst.w20 > li {
        width: 100%;
    }

    /*240717추가*/
    .step_lst.w30 > li {
        width: 100%;
    }

    .step_lst > li > div .txt {
        min-height: 7rem;
    }

    /* �к���, ������۱�, ������������, insight */
    .titImgBox .img {
        width: 13.7rem;
        height: 10.35rem;
    }

    .titImgBox .txt_box > strong {
        padding: 1.25rem;
        font-size: .8rem;
    }

    .titImgBox .txt_box_link {
        padding: .75rem 1.25rem;
    }

    /* �Ĵ�ǥ */
    .meal_list .month span {
        font-size: 1.1rem;
        margin: 0 0.5rem;
    }

    .meal_list h3 {
        margin-left: 0;
        margin-right: 0;
    }

    .meal_list dl {
        width: 100%;
        margin: 0 0 0.5rem;
    }

    /* ���̼��� */
    .exhibit_list li span {
        height: 12rem;
    }

    .exhibit_search select {
        width: 100%;
        margin: 0.2rem 0;
    }

    .exhibit_search input {
        width: 100%;
        margin: 0.2rem 0;
    }

    .exhibit_search [class*="bT"] {
        width: 100%;
        margin: 0.2rem 0 !important;
    }

    /*총장후보자 소개*/
    .election {
        width: 70%;
        margin: 0 auto;
    }

    .election li {
        width: 100%;
        margin-right: 0 !important;
    }

    .election li p.name {
        font-size: 0.9rem;
    }

    /*대관절차 240315*/
    .eduGoal.rent_step dd .txt .txtB {
        padding: 0.25rem;
    }
}

@media (max-width: 414px) {
    .snsBox {
        right:-0.5rem;
    }

    /* ���� ���־� */
    .sub_visual {
        height: 15rem;
    }

    .sub_visual .slogan h2 {
        margin-top: -4rem;
        font-size: 1.5rem;
    }

    .sub_visual .slogan em {
        font-size: 0.8rem;
    }

    .sub_visual.active .slogan span img {
        width: 7rem;
    }

    .sub_visual.active .slogan em {
        font-size: 0.6rem;
    }

    /* �������� */
    .organization .org2 > li {
        width: 100%;
    }

    .organization .org2 > li:nth-child(2) {
        margin: 0.5rem 0;
    }

    .organization .org4 {
        width: 100%;
    }

    .organization .org4 + .org4 {
        margin-left: 0;
    }

    .organization .org3 > li {
        width: 100%;
    }

    .organization .org3 > li:nth-child(2n) {
        margin-right: 0;
    }

    /* �λ縻 */
    .greeting .welcome {
        font-size: 1.5rem;
    }

    /* ���շα��� */
    .login_wrap .login_logo {
        max-width: 100%;
    }

    .login_wrap .login_box .inner .login_type2:before {
        width: 10.6rem;
        height: 6.8rem;
    }

    /* ���̼��� */
    .exhibit_list li {
        width: 100%;
        margin-top: 1.5rem;
    }

    .exhibit_list li:nth-child(3n+1) {
        margin-left: 0;
    }

    .exhibit_list li + li {
        margin-left: 0;
    }
}

@media (max-width: 380px) {
    /* �к���, ������۱�, ������������, insight */ .titImgBox .txt_box_link [class*="btn_"] {
        width:100%;
        text-align: center;
    }

    /* ����, �������� ���ֹ��� ���� */
    .toggle_lst > li .toggle_btn {
        padding: 0 1.5rem 0 2rem;
    }

    .toggle_lst > li .toggle_btn > em {
        width: 1.75rem;
        height: 1.75rem;
        line-height: 1.75rem;
    }

    .toggle_lst > li .toggle_btn > span {
        font-size: .7rem;
        line-height: 1.75rem;
    }

    .toggle_lst > li .toggle_btn:before {
        right: .5rem;
    }

    /* �����Ұ� */
    .professor table td {
        width: 100%;
    }

    /* �����Ұ� */
    .info_president #con_box .name p em {
        display: block;
    }

    .info_president #con_box .name p em + em:before {
        display: none;
    }

    .info_president #con_box .name ul li em {
        display: block;
        padding-left: 0;
        margin-left: 0;
    }

    .info_president #con_box .name ul li em:before {
        display: none;
    }

    /* ���� */
    .history_wrap2 > dl > dd > dl {
        padding-left: 0;
    }

    .history_wrap2 > dl > dd > dl > dt {
        position: relative;
        left: auto;
        top: auto;
    }

    /* �Ĵܾȳ� */
    .meal_info li {
        width: 98%;
        margin: 0 0 1.5rem;
    }

    .meal_info .control {
        margin: 0;
    }

    /* ���ǽ� */
    .health_list li {
        width: 100%;
        margin-bottom: 2rem;
    }

    .health_list li:nth-of-type(2n+1)::before {
        display: block;
    }

    .health_list li + li::before {
        left: calc(50% - 0.45rem);
        top: -1.7rem;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    .health_list li:last-child {
        margin-bottom: 0;
    }

    /* �б���¡ */
    .symbolBox .btnWrap {
        float: none;
        margin: 0 0 0.5rem;
    }

    .layerPop_pf .box .profile {
        display: block;
    }

    .layerPop_pf .box .profile .img {
        margin: 0 auto 0.5rem;
    }

    .layerPop_pf .box .profile dl dd ul li {
        padding-left: 0.95rem;
    }

    .layerPop_pf .box .profile dl dd ul li strong {
        position: relative;
        left: auto;
        top: auto;
        display: block;
    }

    /*대관절차 240315*/
    .eduGoal.rent_step dd:nth-child(1) {
        min-height: 14rem;
    }
}