/*비주얼*/
#visual {width:100%; z-index: 0; position:relative; padding:2rem 1rem; background:#d6e2ef;}
#visual:after{content : ""; display : block; position : absolute; left : 0; top:0;  width :100%; height : 200px; background: url("/images/default/main/visual_bg.jpg") no-repeat center top; background-size:cover; z-index:-1; }
#visual .vbox{width:100%; margin:0 auto; box-shadow:0px 6px 49px rgba(0, 0, 0, 0.6);   background:#3374be; }
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%;}
#visual .bxslider li .ptext {font-size:30px; line-height:1.5; font-weight: 300;  box-sizing:border-box;  background:#3374be; z-index:1; color:#fff;  width:100%;  text-align:left; overflow:hidden;}
#visual .bxslider li .ptext .img{width:100%;}
#visual .bxslider li .ptext .txt{ padding:1rem 1rem 3rem; position:relative;}
#visual .bxslider li .ptext h3{font-size:1.5rem; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);color:#fff; font-weight:300; line-height:1.2; position:relative; letter-spacing:-0.04em; margin-bottom:20px;}
#visual .bxslider li .ptext h3 b{font-weight:600;}
#visual .bxslider li .ptext p{font-size:0.85rem; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1); font-weight:500;  text-transform:uppercase; position:relative; letter-spacing:0em; margin-top:2rem;}
#visual .bxslider li .ptext p a{color:#fff; border:1px solid #fff; padding:0.25rem 1rem;}


.inn{width:100%; margin:0 auto; position:relative;} /*여백없음*/
.padd{width:100%; margin:0 auto; padding:2rem 1rem; position:relative;}/*여백위아래*/


/*퀵메뉴*/
.quick{background:#d6e2ef; }
.quick .padd{padding-top:0;}
.quick ul{overflow:hidden; margin:-2% -1%;}
.quick ul li{float:left; margin:2% 1%;  width:31.33%; text-align:center;}
.quick ul li a div{width:60px; height:60px; margin:0 auto; margin-bottom:5px; background:#fff; border:4px solid #edf1f7; border-radius:50%; text-align:center; position:relative;}
.quick ul li a div img{position:absolute;left:50%; top:50%; transform: translate(-50%, -50%); width:35px;}


/*메인컨텐츠*/
.con_tab {margin-bottom:1rem; *zoom:1; padding-right:45px;}
.con_tab:after {content:" "; display:block; clear:both;}
.con_tab li {float:left;position:relative;z-index:1; width:60%; }
.con_tab li:first-child{width:40%;}
.con_tab li.on {z-index:2}
.con_tab li a {background:#f3f6f9;display:block;position:relative;text-align:center;color:#5e5e5e; width:100%; height:45px; line-height:45px;}
.con_tab li.on a {background:#3374be;color:#fff;border:1px solid #88bbef;border-bottom:none; font-weight:bold; position:relative;}


#container{font-size:0.95rem;}
#container h3{font-size:1.4rem; margin-bottom:1rem; color:#333;}
#container h4{font-size:1rem; margin-bottom:0.75rem; line-height:1.0; color:#fff;}
#container .cts1 .padd{overflow:hidden;}
#container .cts1 .padd .fl{width:100%; position:relative;}
#container .cts1 .padd .fl .more{position:absolute; right:0; top:0;}
#container .cts1 .padd .fl .more img{width:100%;}
#container .cts1 .padd .fr{width:100%;}
#container .cts1 .padd .fr .half{width:100%; margin-top:1.5rem;}
#container .cts1 .padd .fr .half .box a{position:relative; display:block; background: url("/images/default/main/sche_bg.jpg") no-repeat 0 0; background-size:cover; color:#fff; padding:1.5rem;}
#container .cts1 .padd .fr .half .box.bg a{ background: url("/images/default/main/carte_bg.jpg") no-repeat 0 0; background-size:cover;}
#container .cts1 .padd .fr .half .box .more{position:absolute; right:0; bottom:0;}

#container .cts1 .padd .fr li.subject-li{position:relative; padding-left:10px; margin-top:10px; }
#container .cts1 .padd .fr li.subject-li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-2px; width : 4px; height : 4px; background : #fff; border-radius:50%; }
#container .cts1 .padd .fr .box.bg ul {overflow:hidden;}
#container .cts1 .padd .fr .box.bg li{width:50%; float:left; font-size:0.85rem;  
#container .cts1 .padd .fr .box.bg li span{display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height:1.3em;}}

/* 오늘의 식단 수정 2020-07-16 */
#container .cts1 .padd .fr ul.carte-ul li.carte-li{}
#container .cts1 .padd .fr ul.carte-ul li.carte-li span{display: block;}

.recent_notice li{overflow:hidden; height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.recent_notice li span{width:30%; float:right; text-align:right}
.recent_notice li p{width:70%; float:left; }
.recent_notice li p img{vertical-align:middle;}

#container .cts2{background: #F6F6F6 url("/images/default/main/gallery_bg.jpg") no-repeat right top; background-size:150% auto;}
#container .cts2 .gallery{position:relative; }
#container .cts2 .gallery .swiper-container{padding:0.5rem;margin:-0.5rem;}
#container .cts2 .gallery h3 { margin:0px; padding:0px; margin-bottom: 25px;}
#container .cts2 .gallery ul li a{display:block; background:#fff; padding:1rem; height:245px;  }
#container .cts2 .gallery ul li .gallery_photo{width: 100%; padding-top:56.25%; }
#container .cts2 .gallery ul li .gallery_name{}
#container .cts2 .gallery ul li .gallery_name .subject{color: #111; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all; font-size:1rem; line-height: 1.3em;height: 2.6em; margin:1rem 0;  }
#container .cts2 .gallery ul li .date{ font-size: 0.85rem; color:#818181; }

#container .cts2 .sns{font-size:1rem;padding-top:2rem;}
#container .cts2 .sns ul{overflow:hidden; background:#fff; padding:0.5rem 0rem;  border-radius:3px;}
#container .cts2 .sns li{ width:25%; float:left; text-align:center;}
#container .cts2 .sns li a{display:inline-block; padding:0.5rem; }
#container .cts2 .sns li a img{vertical-align:middle; margin-bottom:5px;}
#container .cts2 .sns li a:hover {background:#eef8fa;}


#container .cts3{background: url("/images/default/main/busi_bg.jpg") no-repeat 0 bottom; background-size:cover; overflow:hidden;}
#container .cts3 .padd{padding:2rem 0;}
#container .cts3 .padd h3{padding:0 1rem;}
#container .cts3 .swiper-container{padding:0 1rem;}
#container .cts3 h4{font-size:1.2rem; margin-bottom:2rem;}
#container .cts3 ul li a{display:block; height:250px; color:#fff; background:rgba(0, 53, 103, 0.8); padding:2rem 1rem;transition:0.5s;}
#container .cts3 ul li p.more{text-decoration:underline; margin-top:30px; position:absolute; left:1rem; bottom:2rem;}


#container .cts4 .inn ul{padding:1rem 2rem; position:relative;}
#container .cts4 .inn .slick-slide{margin:0 0.25rem;}
#container .cts4 .inn button{position:absolute; z-index:10; top:50%; margin-top:-50px; background:none; border:none; outline:none; width:2rem; height:100px; font-size:0; }
#container .cts4 .inn button:before{font-family:'xeicon';color:#818181; font-size:2rem; }
#container .cts4 .inn button.slick-prev{left:0px ;}
#container .cts4 .inn button.slick-prev:before{ content : "\e93d";  }
#container .cts4 .inn button.slick-next{right:0px; }
#container .cts4 .inn button.slick-next:before{ content : "\e940";}