/**/
#main-visual {
    height:100vh;
    position:relative; 
}
#main-visual p {
    text-align: center;
}
#main-visual .visual-swiper {height:100%; max-width:100%;}
#main-visual .visual-swiper .swiper-slide {
    background-size:cover; background-position:center center; background-repeat:no-repeat; height:100%;
    color:#fff; flex-direction: column;
    display:flex; justify-content: center; align-items: center;
}
#main-visual .visual-swiper .swiper-slide-1 {background-image:url(/images/content/main/main_visual1.jpg);}
#main-visual .visual-swiper .swiper-slide-2 {background-image:url(/images/content/main/main_visual2.jpg);}
#main-visual .visual-swiper .swiper-slide-3 {background-image:url(/images/content/main/main_visual3.jpg);}
#main-visual .post {
    position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;
}
#main-visual .post .wrap {}
#main-visual .post .wrap .rect {
    max-width:950px; display:flex; flex-shrink: 0; height:80px; background:#003586;
    align-items: center; padding:10px 40px; overflow-y:hidden;
}
#main-visual .post .wrap .rect > div {}
#main-visual .post .bbs-name {width:120px; flex-shrink:0;}
#main-visual .post .post-body {width:100%; height:80px;}
#main-visual .post .post-body .post-row {display:flex; justify-content: space-between; align-items: center;}
#main-visual .post .post-body .post-row .subject {width:80%;}
#main-visual .post .post-body .post-row .subject a {color:#fff;}
#main-visual .post .post-body .post-row .date {width:100px; flex-shrink:0;}

/**/
#section-02 {}
#section-02 .wrap {display:flex; }
#section-02 .wrap > div:nth-child(1) {padding-top:85px; width:950px; flex-shrink:0; font-family: raleway,sans-serif;}
#section-02 .wrap > div:nth-child(1) div > a > div:last-child {margin-top:80px; margin-right:80px}
#section-02 .wrap > div:nth-child(2) {}
#section-02 img {display:block;}

.mb-30{margin-bottom: 30px;}


/**/
#section-03 {
    background:url(/images/content/main/se03_simbol.png) no-repeat left bottom #F9F9F9;
    padding:110px 0;
}
#section-03 .wrap {display:flex; justify-content: space-between;}
#section-03 .wrap > div {}
#section-03 .wrap > div:nth-child(2) {margin-top:100px; display:flex; justify-content: space-between; }
#section-03 .wrap > div:nth-child(2) div.card {
    width:265px; height:277px; margin-left:43px; padding:20px; border-radius:20px;
    position:relative;
}

#section-03 .wrap > div:nth-child(2) div.card .img {}
#section-03 .wrap > div:nth-child(2) div.card .txt {position:absolute; right:20px; bottom:20px; text-align:right;}
#section-03 .wrap > div:nth-child(2) div.card .txt p:nth-child(1) {letter-spacing:-1px;}
#section-03 .wrap > div:nth-child(2) div.card .txt p:nth-child(2) {font-family: Montserrat, sans-serif;}


/**/
#section-04 {display:flex; background:linear-gradient(to right, #003586 50%, #fff 50%);}
#section-04 > div {
    width:100%; height:100%;
}
#section-04 .wrap {
    flex-shrink: 0; background:#fff; display:flex;
}
#section-04 .wrap > div:nth-child(1) {
    color:#fff;
    background:#003586; width:540px; flex-shrink: 0; padding:100px 0;
}
#section-04 .wrap > div:nth-child(1) > a {
    color: #fff;
}
#section-04 .wrap > div:nth-child(2) {
    width:100%; display:flex; justify-content: space-evenly; padding:100px 0;
}
#section-04 .wrap > div:nth-child(2) .item {border-radius:0; width:368px;}
#section-04 .wrap > div:nth-child(2) .item .img {height:347px; overflow:hidden; position:relative;}
#section-04 .wrap > div:nth-child(2) .item .img img {display:block; height:100%; width:auto; position:absolute; object-fit:cover;}
#section-04 .wrap > div:nth-child(2) .item .txt {padding:20px; height: 196.8px; border:1px solid #ccc;}
#section-04 .more {
    display:inline-block; padding-right:22px;
    background:url(/images/content/main/more.png) no-repeat center right;
}
#section-04 .clock {
    background:url(/images/content/main/icon_clock.png) no-repeat center left;
    padding-left:24px; display:inline-block;
}


/* ----------------------------meadiaquery-------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){

/*------------------ 공통---------------- */

section{margin-bottom: 100px;}
.bold{font-weight: 700;}
.half{width: 100%;}
.pc{display: block;}
.mob{display: none;}
.wrap{width:100%;}
.mob-100{width: 100%;}


/**/
#main-visual p { text-align: center; font-size: 30px !important; }
#main-visual .post .wrap .rect  { width: 100%; max-width: 100%;}


/**/
#section-02 {}
#section-02 .wrap {display:flex; }
#section-02 .wrap > div:nth-child(1) {padding-top:0px; width:100%;}
#section-02 .wrap > div:nth-child(1) div > a > div:last-child {margin-top:80px; margin-right:80px}
#section-02 .wrap > div:nth-child(2) {display: none;}
#section-02 img {display:block;}
#section-02 .mob-100 img{width: 100%;}

.mb-30{margin-bottom: 30px;}


/**/
#section-03 {
    background:url(/images/content/main/se03_simbol.png) no-repeat left bottom #F9F9F9;
    padding:80px 0;
    background-size: 80%;
}
#section-03 .wrap {display: block;}
#section-03 .wrap > div {}
#section-03 .wrap > div:nth-child(1) {display: block !important; width: 100% !important; }
#section-03 .wrap > div:nth-child(1) > p {display: block; width: 100%;}
#section-03 .wrap > div:nth-child(2) {margin-top:30px; display:flex; justify-content: space-between; width: 100%;}
#section-03 .wrap > div:nth-child(2) div.card {
    width:265px; height:277px; margin-left:43px; padding:20px; border-radius:20px;
    position:relative;
}


/**/
#section-04 {display:block; background:inherit;}

#section-04 .wrap {background:#fff; display:block; position: relative;}
#section-04 .wrap > div:nth-child(1) {
    color:#003586;
    background:inherit; width:540px; flex-shrink: 0; padding: 0;
}
#section-04 .wrap > div:nth-child(1) > a {
    color: #003586;
}
#section-04 .wrap > div:nth-child(1)> p:nth-child(2){font-size: 16px;}
#section-04 .wrap > div:nth-child(2) {
    width:100%; display:flex; justify-content: space-evenly; padding:30px 0 80px;
}
#section-04 .wrap > div:nth-child(2) .item {border-radius:0; width:368px;}
#section-04 .wrap > div:nth-child(2) .item .img {height:347px; overflow:hidden; position:relative;}
#section-04 .wrap > div:nth-child(2) .item .img img {display:block; height:100%; width:auto; position:absolute; object-fit:cover;}
#section-04 .wrap > div:nth-child(2) .item .txt {padding:20px; border:1px solid #ccc;}
#section-04 .more {
    position: absolute; right: 30px; top: 20px;
    display:inline-block; padding-right:22px;
    background:url(/images/content/main/moreblue.png) no-repeat center right;
    background-size: 15px;
}
#section-04 .clock {
    background:url(/images/content/main/icon_clock.png) no-repeat center left;
    padding-left:24px; display:inline-block;
}




    }/*태블릿 미디어쿼리 종료*/
    
    
/* Mobile - Portrait */
@media (max-width:779px){
section{margin-bottom: 100px;}
.bold{font-weight: 700;}
.half{width: 100%;}
.mob-100{width: 100%;}
.pc{display: none;}
.mob{display: block;}

[data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
}

/**/
#main-visual p { text-align: center; font-size: 20px !important; }
#main-visual .post .wrap .rect  { width: 100%; max-width: 100%; overflow: hidden; padding: 10px 100px 10px 10px;}
#main-visual .post .bbs-name {width: auto !important; padding-right: 10px; font-size: 15px;}
#main-visual .post .post-body .post-row .subject {width:77%;}
#main-visual .post .wrap .rect .date {width: 70px; padding: 0; font-size: 12px !important; text-align: right;}



/**/
#section-02 {}
#section-02 .wrap {display:flex; }
#section-02 .wrap > div:nth-child(1) {padding-top:0px; width:100%;}
#section-02 .wrap > div:nth-child(1) div > a > div:last-child {margin-top:50px; margin-right:00px}
#section-02 .wrap > div:nth-child(2) {display: none;}
#section-02 img {display:block;}
#section-02 .mob-100 img{width: 100%;}

.mb-30{margin-bottom: 30px;}


/**/
#section-03 {
    background:url(/images/content/main/se03_simbol.png) no-repeat left bottom #F9F9F9;
    padding:80px 0;
    background-size: 80%;
}
#section-03 .wrap {display: block;}
#section-03 .wrap > div {}
#section-03 .wrap > div:nth-child(1) {display: block !important; width: 100% !important; }
#section-03 .wrap > div:nth-child(1) > p {display: block; width: 100%;}
#section-03 .wrap > div:nth-child(2) {margin-top:30px; display:flex; justify-content: space-between; width: 100%;}
#section-03 .wrap > div:nth-child(2) div.card {
    width:265px; height:230px; margin-left:10px; padding:20px; border-radius:20px;
    position:relative;
}
#section-03 .wrap > div:nth-child(2) div.card:nth-child(1) {margin-left: 0;}
#section-03 .wrap > div:nth-child(2) div.card img {width: 65px;}
#section-03 .wrap > div:nth-child(2) div > a > div.txt > .fs-20{ text-align: center; font-size: 17px !important;}
#section-03 .wrap > div:nth-child(2) div > a > div.txt{padding-left: 20px;}


/**/
#section-04 {display:block; background:inherit;}

#section-04 .wrap {background:#fff; display:block; position: relative;}
#section-04 .wrap > div:nth-child(1) {
    color:#003586;
    background:inherit; width:540px; flex-shrink: 0; padding: 0;
}
#section-04 .wrap > div:nth-child(1) > a {
    color: #003586;
}
#section-04 .wrap > div:nth-child(1)> p:nth-child(2){font-size: 16px;}
#section-04 .wrap > div:nth-child(2) {
    width:100%; display:block; justify-content: space-evenly; padding:20px 0 0px;
}
#section-04 .wrap > div:nth-child(2) .item {border-radius:0; width:100%;}
#section-04 .wrap > div:nth-child(2) .item:first-child {margin-bottom: 20px;}
#section-04 .wrap > div:nth-child(2) .item .img {height:200px; overflow:hidden; position:relative;}
#section-04 .wrap > div:nth-child(2) .item .img img {width:100%; display:block;  height:auto;  position:absolute; object-fit:cover;}
#section-04 .wrap > div:nth-child(2) .item .txt {padding:20px; height: 200px; border:1px solid #ccc;}

#section-04 .more {
    position: absolute; right: 30px; top: 20px;
    display:inline-block; padding-right:22px;
    background:url(/images/content/main/moreblue.png) no-repeat center right;
    background-size: 15px;
}

}