@charset "utf-8"; 
/*@latest 2024.02.19 SSJ - 기본020 */

.menu {border-bottom:none !important;}

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide .imgbox {overflow:hidden; position:relative;}
.mainVisual .swiper-slide .imgbox img {height:auto;width:auto;min-width: 100%;max-width: 100%;min-height: 100%;margin:0 auto;position:absolute;left:-9999px;right:-9999px;}

/* mainVisual copy*/
.mainVisual .copy {position:absolute; z-index:9; width:100%; word-break:keep-all;}
.mainVisual .copy .inner {max-width:1300px; margin:0 auto; box-sizing:border-box;}
.mainVisual .copy .inner>div {padding:90px 15px; background:rgba(19,66,114,0.9); width:100%; max-width:500px; display:inline-block; text-align:center; box-sizing: border-box;}
.mainVisual .copy h3 {font-weight:400; line-height:120%; color:#fff; font-family:'IropkeBatang'; letter-spacing:-0.5px;}
.mainVisual .copy h3 strong, .mainVisual .copy h3 b {font-weight:600; line-height:150%; font-family:'IropkeBatang';}
.mainVisual .copy p.smallp {font-size:17px; line-height:150%; padding-top:15px; color:#fff;}

    @media (min-width:1050px) and (max-width:1399px){
        .mainVisual .copy h3 {font-size:35px;}
        .mainVisual .copy .inner>div {padding:50px 15px; max-width:40%;}
    }
    @media (min-width:600px) and (max-width:1399px){
        .mainVisual .copy .copy_position_rh .inner div,
        .mainVisual .copy .copy_position_rm .inner div,
        .mainVisual .copy .copy_position_rl .inner div {padding-right:60px; padding-left:15px;}
    }


    @media (min-width:1050px){
        .mainVisual .swiper-container.mainSlider_001 {max-height:450px;}
        .mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:100%;}
        .mainVisual .swiper-slide {height:450px;}
        .mainVisual .swiper-slide .imgbox {height:410px;}
        .mainVisual .swiper-slide .imgbox img {min-height:450px;}
        .mainVisual .copy {top:auto !important; bottom:0;}
    }
    @media (max-width:1049px){
        .mainVisual .swiper-slide .imgbox {height:0; padding-bottom:48%;}
        .mainVisual .copy {top:15% !important; padding: 0 15px; box-sizing: border-box;}
    }

    @media (min-width:800px) and (max-width:1049px){
        .mainVisual .copy .inner>div {padding: 50px 15px;max-width: 42%;}
        .mainVisual .copy h3 {font-size: 25px !important;}
        .mainVisual .copy p.smallp {font-size:17px; padding-top:10px;}
    }

    @media (max-width:799px){
        .mainVisual .copy .inner {text-align:center;}
        .mainVisual .copy .inner>div {padding: 40px 15px;max-width: 70%;}
        .mainVisual .copy h3 {font-size: 24px; font-weight:600;}
        .mainVisual .copy p.smallp {font-size:16px; padding-top:10px;}

        .mainVisual .swiper-slide .imgbox img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; width:auto !important; min-width:100%; height:100%;}
    }

    @media (min-width:600px) and (max-width:799px){
        .mainVisual .swiper-slide .imgbox {height:0; padding-bottom:55%;}
    }
    @media (max-width:599px){
        .mainVisual .swiper-slide .imgbox {height:0; padding-bottom:70%;}
    }


/* mainVisual slide btn */
.mainVisual .swiper-container-horizontal .swiper-pagination-bullets {text-align:left; box-sizing:border-box;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet {opacity:1; margin:0 4px; width:14px; height:14px; background:#fff; border:1px solid #333; border-radius:100%;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#333; border-color:#fff; width:30px; height:15px; border-radius:15px;}

.mainVisual div.swiper-pagination-center {position:absolute; bottom:11px; left:0; z-index:10; width:100%; display:table; text-align:center;}
.mainVisual div.swiper-pagination-center div.swiper-pagination {display:inline-block; text-align:center; position:relative;}

.mainVisual div.indicator {display:none;}
.mainVisual .mvswiper_btnbox {display:none;}

    @media (max-width:799px){ 
        .mainVisual  div.swiper-pagination-center {bottom:10px;}
        .contents.main_basic020 > .inner {padding:0 15px !important;}
    }



















/* template widget */

.main_basic020 .gallery115.custom ul li {width:23.5%; margin-right:2%;}    
.main_basic020 .gallery115.custom ul li:nth-child(4) {margin-right:0;}
.main_basic020 .gallery115.custom ul li a {display:flex; flex-direction:column;}
.main_basic020 .gallery115.custom ul li div.img {height:auto; border:none; order:1;}
.main_basic020 .gallery115.custom ul li div.img img {position:relative; top:auto; left:auto; right:auto; bottom:auto; display:block;}
.main_basic020 .gallery115.custom ul li div.text_box {text-align:left; order:2;}
.main_basic020 .gallery115.custom ul li h3.tit {overflow:visible; height:auto; text-overflow:initial; font-weight:400; font-size:16.5px; white-space:normal;}
.main_basic020 .gallery115.custom ul li p.date {margin-top:15px; color:#555;}
.main_basic020 .gallery115.custom ul li .plusbox {top:auto; left:auto; margin-left:0; border-radius:0; order:3; position:relative; margin-top:50px;}

    @media (max-width:599px){ 
        .main_basic020 .gallery115.custom ul li {width:48%; margin-right:4%;}
        .main_basic020 .gallery115.custom ul li:nth-child(2n) {margin-right:0;}
        .main_basic020 .gallery115.custom ul li .plusbox {margin:20px 0;}
        .main_basic020 .gallery115.custom ul li div.img {max-height:250px;}
    }



.main_basic020 .school_meals.custom .ym_box div {line-height:35px;order: 1;text-align: left;flex-grow: 1;}
.main_basic020 .school_meals.custom .ym_box {display: flex;}
.main_basic020 .school_meals.custom .ym_box > span.next_btn {order: 3; width: auto;}
.main_basic020 .school_meals.custom .ym_box > span.prev_btn {order: 2;}
.main_basic020 .school_meals.custom .ym_box > span.prev_btn:before {float:right;}
.main_basic020 .school_meals.custom .ym_box div h3 {width:auto;font-size:18px;padding-bottom:0;vertical-align:middle;margin-right:5px;font-weight: 600;}
.main_basic020 .school_meals.custom .food_box ul li {}
.main_basic020 .school_meals.custom .food_box ul li>a {width:50%; display:inline-block; height:240px; line-height:240px; float:left; padding:0 15px; box-sizing:border-box;}
.main_basic020 .school_meals.custom .food_box ul li>a img {vertical-align:middle; height:auto;}
.main_basic020 .school_meals.custom .food_box .txt_line {width:auto; max-height:none; text-align:left; line-height:140%; font-size:15px; word-break: keep-all; margin-bottom: 20px;}
.main_basic020 .school_meals.custom .food_box .txt_line:before {display:none;}
.main_basic020 .school_meals.custom .food_box .txt_line .mlsv_mealNm {display: block; font-weight:600; margin-bottom:5px;}
.main_basic020 .school_meals.custom .food_box .txt_line .mlsv_fdNm {-webkit-line-clamp: 8; -webkit-box-orient:vertical; display:-webkit-box; white-space: normal;}
.main_basic020 .school_meals.custom .food_box .btn_more a {border-radius:0;}


.main_basic020 .quick003_1.custom > .h2 {font-size:19px;}
.main_basic020 .quick003_1.custom .qlink_3 .qlink00 .icon {height:80px; line-height:80px;}
.main_basic020 .quick003_1.custom .qlink00 .icon:after {display:none;}
.main_basic020 .quick003_1.custom .qlink00 .icon img {width:auto; height:auto; max-width:50%; max-height:50%;}
.main_basic020 .quick003_1.custom > p.quick_conp {font-size:16px; margin-top:20px; text-align:center;}

    @media (max-width:599px){ 
        .main_basic020 .quick003_1.custom .qlink_3 .qlink00 .icon {height:100px; line-height:100px;}
    }



    .main_basic020 .map001.custom { padding: 50px 0 0; margin-bottom: 200px;}
    .main_basic020 .map001.custom .map001_wrap {max-width:1300px;padding-left: 45%;box-sizing: border-box;position: relative;overflow: visible;}
    .main_basic020 .map001.custom .mapTitle {letter-spacing: 0; font-size: 28px;}
    .main_basic020 .map001.custom dl {text-align: center;}
    .main_basic020 .map001.custom dl dt {font-size: 16px; display: none;}
    .main_basic020 .map001.custom dl dd {font-size: 16px; line-height: 160%; padding: 10px 0 0; width: 100%;}
    .main_basic020 .map001.custom div.mapbox {width: 50%; float: left; order: 1; position: absolute; left: 0; overflow: hidden; height: 400px;}
    .main_basic020 .map001.custom div.mapbox a {position: relative; width: 100%; height: 100%;}
    .main_basic020 .map001.custom div.mapbox img {width:auto; max-height:100%; position: absolute; margin: auto; left: -999px; right: -999px; top: -999px; bottom: -999px;}
    
        @media (max-width:990px){ 
            .main_basic020 .map001.custom {margin-bottom: 150px;}
            .main_basic020 .map001.custom .map001_wrap {padding-left:0;overflow: visible;height: 100%;}
            .main_basic020 .map001.custom .mapTitle {margin-top: 0;}
            .main_basic020 .map001.custom div.mapbox {position: relative; width: 90%; margin: 20px 5% -100px;}
        }