@charset "utf-8";

.main-visual {position:relative;width:100%;overflow:hidden;}
.main-visual .visual-slider {position:relative;width:100%;}
.main-visual .visual-slider .list {position:relative;}
.main-visual .visual-slider .list img {max-width:100%;height:auto}
.main-visual .visual-slider .list .vs-cont {position:relative;width:100%;background-repeat:no-repeat;background-size:auto;background-position:center;text-align:center;}
.main-visual .visual-slider .list .vs-cont img {max-width:100%;height:auto}
.main-visual .visual-slider .list .vs-cont.bg1 {background-image:url(../imgs/main/visual/vs_img1.jpg)}
.main-visual .visual-slider .list .vs-cont.bg2 {background-image:url(../imgs/main/visual/vs_img2.jpg)}
.main-visual .visual-slider .list .vs-cont.bg3 {background-image:url(../imgs/main/visual/vs_img3.jpg)}
.main-visual .visual-slider .list .vs-cont.bg4 {background-image:url(../imgs/main/visual/vs_img4.jpg)}
.main-visual .visual-slider .list .vs-cont.bg5 {background-image:url(../imgs/main/visual/vs_img5.jpg)}
.main-visual .visual-slider .list .mobile-img {display:none;}
.main-visual .visual-slider .list .mobile-img img {max-width:100%;height:auto}
.main-visual .visual-slider .list .mobile {display:block;}
.main-visual .slick-dots {bottom:3.05rem}
.main-visual .slick-dots li button {margin:0;padding:0;border:1px solid #fff;width:0.7rem;height:0.7rem;border-radius:100% !important;background-color:transparent;opacity:1;}
.main-visual .slick-dots li.slick-active button{opacity:1;background-color:#fff;}
.main-visual .vs-inner {display:table;width:100%;}
.main-visual .vs-inner .vs-incont {display:table-cell;width:100%;height:25rem;vertical-align:middle;text-align:right;}
.main-visual .vs-inner .vs-incont img {display:inline-block;max-width:100%;}
.main-visual .vs-inner .vs-incont .txt1,
.main-visual .vs-inner .vs-incont .txt2 {position:relative;}
.main-visual .vs-inner .vs-incont .txt2 {margin-top:0.7rem}
.main-visual .vs-inner .vs-incont .txt1 {top:0;opacity:0;transition:all 0.4s ease;}
.main-visual .vs-inner .vs-incont .txt1 img {width:100%;max-width:14.45rem;height:auto;}
.main-visual .vs-inner .vs-incont .txt2 img {width:100%;max-width:14.15rem;height:auto;}
.main-visual .vs-inner .vs-incont .txt2 {top:100px;opacity:0;transition:all 0.5s ease;}
.main-visual .vs-inner .vs-incont .txt1.on {top:0px;opacity:1}
.main-visual .vs-inner .vs-incont .txt2.on {top:0px;opacity:1}
.main-visual .slick-prev,
.main-visual .slick-next {
    width:3.45rem;
    height:3.45rem;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:transparent
}
.main-visual .slick-prev {left:4.15rem;background-image:url(../imgs/main/visual/btn_vs_prev.png)}
.main-visual .slick-next {right:4.15rem;background-image:url(../imgs/main/visual/btn_vs_next.png)}
.main-visual .visual-slider .list .mobile {display:none;}
@media screen and (max-width:1919px) {
    .main-visual .visual-slider .list .vs-cont {background-size:cover}
    .main-visual .slick-prev {left:20px;}
    .main-visual .slick-next {right:20px}
}
@media screen and (max-width:1080px){
    .main-visual .visual-slider .list {padding-top:0;}
    .main-visual .visual-slider .list.bg1 {background-image:none}
    .main-visual .visual-slider .list.bg2 {background-image:none}
    .main-visual .visual-slider .list.bg3 {background-image:none}
    .main-visual .visual-slider .list.bg4 {background-image:none}
    .main-visual .visual-slider .list .mobile {display:block;}
    .main-visual .visual-slider .list .pc {display:none;}

}


/* main-link  */
.main-link {position:relative;z-index:30;margin-top:-1.85rem}
.main-link .main-link-cont {text-align:center;}
.main-link .main-link-cont::after {display:block;content:"";clear:both;}
.main-link .main-link-cont .first {position:relative;float:left;width:37.4%;height:3.6rem;background-color:#0062a8;}
.main-link .main-link-cont a.link {display:block;position:relative;width:100%;height:100%;padding-top:1.25rem;}
.main-link .main-link-cont a.link span {display:inline-block;position:relative;font-size:1.2rem;color:#fff;line-height:1;}
.main-link .main-link-cont .first a.link span {padding-right:2.25rem;}
.main-link .main-link-cont .first a.link span::after {
    display:block;
    content:"";
    position:absolute;
    top:0.3rem;
    right:0;
    width:1.75rem;
    height:0.75rem;
    background:url(../imgs/main/link/ico_arr.png) no-repeat 0 0;
    background-size:100% auto; 
}
.main-link .main-link-cont .link-box {position:relative;float:left;width:20.85%;height:3.6rem;background-color:#0074b5;border-left:1px solid rgba(255,255,255,0.32)}
.main-link .main-link-cont .link-box a.link span {padding-left:1.9rem;}
.main-link .main-link-cont .link-box a.link span::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1.5rem;
    height:1.5rem;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100% auto; 
}
.main-link .main-link-cont .link-box a.link span.ico1::before {background-image:url(../imgs/main/link/ico_link1.png)}
.main-link .main-link-cont .link-box a.link span.ico2::before {background-image:url(../imgs/main/link/ico_link2.png)}
.main-link .main-link-cont .link-box a.link span.ico3::before {background-image:url(../imgs/main/link/ico_link3.png)}
@media screen and (max-width:910px) {
    .main-link .main-link-cont .first {width:100%}
    .main-link .main-link-cont .link-box {width:33.33333333333333%}
}
@media screen and (max-width:622px) {
    .main-link .main-link-cont .link-box {width:100%;border-left-width:0;border-top:1px solid rgba(255,255,255,0.32)}
}


/* main-program */
.main-program {position:relative;margin-top:-1.85rem;padding:4.85rem 0 3.55rem;background:url(../imgs/main/program/program_bg.jpg) no-repeat 50% 0;background-size:cover}
.main-program .title {font-size:1.4rem;color:#333333;font-weight:700;line-height:1;text-align:center;}
.main-program .program-list {position:relative;margin-top:1.9rem;overflow:hidden;}
.main-program .program-list ul {    
    text-align:center;
    position:relative;
    margin:-0.5rem;
}
.main-program .program-list ul::after {display:block;content:"";clear:both;}
.main-program .program-list ul li {position:relative;float:left;width:25%;padding:0.5rem}
.main-program .program-list ul li .list-inner {position:relative;width:100%;}
.main-program .program-list .deadline {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.61);text-align:center;z-index:3;}
.main-program .program-list .deadline p {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    font-size:2.4rem;
    color:#fff;
    font-weight:300;
    transform:translateY(-50%);
}
.main-program .program-list .s_img {padding-top:100%}
@media screen and (max-width:910px) {
    .main-program .program-list ul li {width:50%}
}


/* main-bottom */
.main-bottom {position:relative;padding:2.5rem 0 3.3rem;background-color:#f1f6fe;}
.main-bottom .main-bottom-cont {position:relative;overflow:hidden;margin:-10px}
.main-bottom .bottom-cont-box {
    position:relative;
    padding:1.6rem 0.75rem 0;
    min-height:26.55rem;
    background-color:#fff;
    box-shadow: 0px 0px 2px 0px rgba(4, 0, 0, 0.18);
}
.main-bottom .bottom-cont-box .tit {
    font-size:1rem;
    color:#313131;
    font-weight:700;
    line-height:1;
    text-align:center;
    padding-bottom:0.95rem;
    border-bottom-width:0.15rem;
    border-style:solid;
    border-color:#315fcb;
}
.main-bottom .bottom-cont-box .tit.yellow {border-color:#ffd005;}
.main-bottom .first {float:left;position:relative;width:30%;padding:10px}
.main-bottom .mid {float:left;position:relative;width:50%;padding:10px}
.main-bottom .mid .bottom-cont-box {padding-top:0.85rem}
.main-bottom .last {float:left;position:relative;width:20%;padding:10px}
.main-bottom .sns-wrap {position:relative;margin-top:0.9rem;height:22rem;}
.main-bottom .sns-wrap iframe {display:block;width:100%;height:22rem;min-width:100% !important}
.main-bottom .sns-wrap img {max-width:100%;} 
.main-bottom .post-tab {
    position:relative;
    padding:0 0.6rem;
    border-bottom:0.15rem solid #ff8500;
}
.main-bottom .post-tab li {float:left;position:relative;}
.main-bottom .post-tab li a {
    display:block;
    font-size:1rem;
    font-weight:700;
    line-height:1;
    color:#313131;
    text-align:center;
    padding:0.7rem 0.9rem 0.8rem;
}
.main-bottom .post-tab li a:hover,
.main-bottom .post-tab li.on a {background-color:#ff8500;color:#fff}
.main-bottom .post-cont {position:relative;padding:1.25rem 1.45rem 0;z-index:3;}
.main-bottom .post-cont ul {position:relative;}
.main-bottom .post-cont ul li {position:relative;margin-bottom:12px;padding-right:3.65rem;font-size:0.8rem;color:#646464;font-weight:300;line-height:1.1;}
.main-bottom .post-cont ul li:last-child {margin-bottom:0}
.main-bottom .post-cont ul li a {display:block;position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-bottom .post-cont ul li .date {display:block;position:absolute;top:0;right:0;line-height:1;font-size:0.7rem;color:#8a8a8a;font-weight:300;}
.main-bottom .post-cont ul li a strong { font-weight: 400;} /*--Jin 210624-*/
.main-bottom .post-cont .more {display:block;position:absolute;top:-2.1rem;right:0.65rem;}
.main-bottom .post-cont .more img {max-width:0.65rem;height:auto;}
.main-bottom .act {margin-top:1.65rem;}
.main-bottom .act .act-title {position:relative;padding:0 0 0 0.95rem;line-height:1rem;}
.main-bottom .act .act-title .tit2 {font-size:1rem;color:#313131;line-height:1rem;font-weight:700;}
.main-bottom .act .act-title .more {display:block;position:absolute;top:0;right:5px;}
.main-bottom .act .act-title .more img {max-width:0.65rem;height:auto;}
.main-bottom .act .act-cont {margin-top:0.95rem;}
.main-bottom .act .act-cont img {max-width:100%;height:auto;}
.main-bottom .act .act-cont ul {
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    position:relative;
    margin-top:1rem;
    width:100%;
    flex-wrap:wrap;
}
.main-bottom .act .act-cont ul li {width:33.3333333333%;padding:0 0.5rem}
.main-bottom .act .act-cont ul li .subject {
    display:block;
    width:100%;
    font-size:0.8rem;
    color:#000;
    font-weight:500;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-top:0.5rem;
}
.main-bottom .act .act-cont ul li .s_img {padding-top:100%;}
.main-bottom .program-info {padding:1.35rem 0 1.35rem}
.main-bottom .program-info dl dt {font-size:0.8rem;color:#313131;font-weight:500;line-height:1;}
.main-bottom .program-info dl dd {margin-top:0.5rem;font-size:0.8rem;color:#313131;font-weight:300;line-height:1.2rem;}
.main-bottom .program-info dl dd .stext {font-size:0.65rem;}
.main-bottom .program-info dl dd.tel {font-size:1.8rem;line-height:1;}
.main-bottom .program-info dl ~ dl {margin-top:2.45rem}
.main-bottom .kakao {margin-top:2rem}
.main-bottom .kakao img {max-width:100%;height:auto}
@media screen and (max-width:960px){
    .main-bottom .first,
    .main-bottom .mid,
    .main-bottom .last {width:100%;}
    .main-bottom .last {text-align:center;}
}
@media screen and (max-width:430px){
    .main-bottom .act .act-cont ul {flex-direction:column;padding-bottom:1rem}
    .main-bottom .act .act-cont ul li {width:100%;padding:0.5rem 0}
    .main-bottom .act .act-cont ul li .subject {font-size:0.9rem;}
}

.main-banner {width:100%;}
.main-banner ul li {position:relative;float:left;width:16.666666666667%}
.main-banner ul li a {display:block;position:relative;}
.main-banner ul li .list-inner {display:block;width:100%;padding:1.4rem 0 1.7rem;text-align:center;}
.main-banner ul li .txt {margin-top:0.8rem;font-size:0.9rem;color:#2f2e2e;font-weight:300;line-height:1;}
.main-banner ul li .img img {max-width:5.9rem;height:auto;}
@media  screen and (max-width:738px) {
    .main-banner ul li {width:33.333333333333%}
    .main-banner .inner {padding:0}
}

.main-institution {border:1px solid #e0e0e0;border-width:1px 0;padding:0.6rem 0 0.5rem;}
.main-institution .main-institution-cont {
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
}
.main-institution .main-institution-cont .tit {
    font-size:0.9rem;
    color:#2c2c2c;
    font-weight:500;
    line-height:1;
    width:8rem;
}
.main-institution .main-institution-cont .tit span {display:inline-block;position:relative;padding-right:0.85rem;}
.main-institution .main-institution-cont .tit span::after {
    content:"\e93e";
    display:block;
    position:absolute;
    top:3px;
    right:0;
    font-family: 'xeicon';
    font-size:0.6rem;
    font-weight:700;
}
.main-institution .main-institution-cont .inst-list {
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:calc(100% - 0.1rem);/*jinsub 수정 20210722, 8rem->0.1rem */
    padding-left:0.1rem; /*jinsub 수정 20210722, 6.2rem->0.1rem */
}
.main-institution .main-institution-cont .inst-list > div {margin-right:3rem}/*jinsub 수정 20210722, 3.85rem->3rem */
.main-institution .main-institution-cont .inst-list > div:last-child {margin-right:0}
@media  screen and (max-width:805px) {
    .main-institution .main-institution-cont .inst-list {padding-left:3rem}
    .main-institution .main-institution-cont .inst-list > div {margin-right:0;width:25%}
}
@media  screen and (max-width:625px) {
    .main-institution .main-institution-cont .inst-list {padding-left:0}
    .main-institution .main-institution-cont .inst-list {align-items:baseline;}
    .main-institution .main-institution-cont .inst-list > div {margin-right:0;width:50%;padding:0.5rem;text-align:center;}
    .main-institution .main-institution-cont .inst-list > div img {max-width:100%;height:auto;}
}