html{font-size:20px;}
body{font-size:1rem;}

.mob{display:none;}


/*헤더*/
#wrap{font-size:0.9rem; line-height:1.3;}
#wrap .topBan{width:100%; background:url('/images/default/main/topban_bg.jpg') no-repeat center top; text-align:center;}
#wrap .topBan p{position:absolute; right:1rem; top:50%; transform:translateY(-50%); }

#header{width:100%;z-index:200;}
#header{position:relative; height:4rem;}
#header  h1 {position:absolute; left:0rem; top:50%; transform:translateY(-50%);  z-index:9999;}


/*탑메뉴*/
#header .header_inner {position: relative;width:65rem; margin:0 auto; box-sizing:border-box;  }
#header .header_inner #nav {height:100%; position: relative; height:4rem; text-align: right; padding-right:4rem;}
#header .header_inner #nav img{vertical-align:bottom; }
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul li { display:inline-block; width: 160px; text-align:center;  float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li div a{color:#111; font-weight: 500;display:inline-block; height:4rem; line-height:4rem; text-transform: uppercase;position:relative; font-size:0.95rem; letter-spacing:-0.05em;}
#header .header_inner #nav ul li div{position:relative;}
#header .header_inner #nav ul li.on div:after{content : ""; display : block; position : absolute; left:0; bottom:0px; width : 100%; height :2px; background:#3374be; z-index:100;}
#header .header_inner #nav ul li.on ul{background:#f6f6f6;}
#header .header_inner #nav ul li.on div a:before{width:100%; left:0%;}
#header .header_inner #nav strong{font-weight: normal;}
#header .header_inner #nav ul li ul {z-index: 100; display:none; position: absolute; width:160px; height: 270px; left:50%; margin-left:-80px; top:80px; padding:25px 0px 15px; box-sizing:border-box;  border-top:none; text-align:center; border-right:1px solid #ececec;}
#header .header_inner #nav ul li ul:nth-child(1){ border-left:1px solid #ececec;}
#header .header_inner #nav ul li ul li {display:block;margin-bottom:13px; line-height:1.5;}
#header .header_inner #nav ul li ul li a{display:block;color:#333; font-size:0.85rem; height:auto; font-weight:normal; line-height:1.5;}
#header .header_inner #nav ul li ul li a:before{content:""; display:block; clear:both;}
#header .header_inner #nav ul li ul li a:hover{color:#3374be; }
#header .header_inner #nav ul li ul li a:focus{color:#3374be;}
#header .header_inner #nav ul li ul li ul{display:none;}
#header .header_inner #nav ul li ul li ul li{display:none;}

#header .header_inner #nav p{position:absolute; right:0; top:50%; transform:translateY(-50%);}
#header .header_inner #nav p a{display:inline-block;margin-left:0.3rem;}
#header .header_inner #nav p a i{background:#828489; color:#fff; font-size:0.8rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border-radius:50%;}
#header .header_inner #nav p a span{font-size:0;}
.bg_box {display:none; position: absolute;width: 100%;height: 270px;top: 80px; z-index:10; box-sizing:border-box;background:#fff url("/images/default/main/tm_bg.png")no-repeat 15% bottom;box-shadow:5px 5px 8px rgba(0,0,0,0.2); border-top:1px solid #ececec;}

/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0; top:0;height:4rem; line-height:4rem; cursor:pointer; z-index:9999; width:4rem; text-align:right; }
#header .btnAll { position:relative; width: 30px; height: 26px; outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 3px; position: absolute; background-color: #555; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; }
#header .btnAll > span:nth-child(2) { top: 10px; }
#header .btnAll > span:nth-child(3) { top: 20px;}
#header .btnAll:hover span{width: 30px;}
#header.open .btnAll > span:nth-child(1) { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 30px;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 30px;}
#header.open .btnAll > span:nth-child(3) { top: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 30px;}


#header.open .btn-allmenu{position:absolute;top:0;right:0;background:#ed1b23;width:4rem;height:4rem;z-index:10000;}
#header.open .btn-allmenu .btn-allmenu-close{position:absolute;top: 0;right:0; width:4rem; height:4rem; color:#fff; font-size:2rem; text-align:center; line-height:4.5rem; z-index:10000;display: inline-block;}


/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0;  z-index:100; transition:right 0.45s; background:#fff;}
#header.open #navi{transition:right 0.45s; right:0px;}

#menuAll #mnaviHead,
#menuAll .menu-member{display: none;}
#menuAll h3{text-align: center; font-size:1rem; line-height:1.3; padding-top:6rem; color:#111;}
#menuAll h3 em{font-size:2rem; display:block;}
#menuAll .mobile_top ul {overflow:hidden; width:65rem; margin:0 auto; }
#menuAll .mobile_top ul li{width:19%; float:left; margin-left:1%;}
#menuAll .mobile_top ul li:first-child{margin-left: 0;}
#menuAll .mobile_top ul li a{display:block; font-size:1.1rem; font-weight:500; color:#fff; background: #3374be; padding:1rem 0; text-align:center; width:100%; }
#menuAll .mobile_top ul li ul{margin-top:2rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; padding-left:.75rem; position:relative; margin-top:15px; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; width :8px; height : 1px; background:#666;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:.95rem; color:#333; background:none; text-align: left; padding:0;}
#menuAll .mobile_top ul li ul li a:hover{color:#3374be;}
#menuAll .mobile_top ul li ul li ul{margin:1rem 0 2rem;} 	
#menuAll .mobile_top ul li ul li ul li{margin-top:10px;}
#menuAll .mobile_top ul li ul li ul li a{font-size:0.8rem; color:#888;}
#menuAll .mobile_top ul li ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; width :5px; height : 5px; border-radius:50%; background:#b4b4b4;}

/*비주얼*/
#visual {width:100%; z-index: 0; position:relative; padding-bottom:80px; padding-top:50px; background:#d6e2ef;}
#visual:after{content : ""; display : block; position : absolute; left : 0; top:0;  width :100%; height : 450px; background: url("/images/default/main/visual_bg.jpg") no-repeat center top; background-size:cover; z-index:-1; }
#visual .vbox{width:65rem; margin:0 auto; box-shadow:0px 6px 49px rgba(0, 0, 0, 0.6); }
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%;height:450px; background-position:fixed;}
#visual .bxslider li .ptext {position:absolute;left:50%;height:100%;  top:0; font-size:30px; line-height:1.5; font-weight: 300;  box-sizing:border-box;  background:#3374be; z-index:1; color:#fff;  width:1300px; margin-left:-650px; text-align:left; overflow:hidden;}
#visual .bxslider li .ptext .img{float:right; width:60%;}
#visual .bxslider li .ptext .txt{float:left; width:40%; height:100%; padding:3rem; position:relative;}
#visual .bxslider li .ptext h3{font-size:42px; 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:18px; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1); font-weight:500;  text-transform:uppercase; position:relative; letter-spacing:0em; position:absolute; left:3rem; bottom:6rem;}
#visual .bxslider li .ptext p a{color:#fff; border:1px solid #fff; padding:10px 30px;}

#visual .bx-controls-direction a {display:inline-block;width:2.65rem;height:2.65rem;z-index:11; top:50%;  transform:translateY(-50%);}
#visual .bx-controls-direction .bx-prev {position:absolute;left:-4.5rem; background:url(/images/default/main/vl.png) no-repeat;font-size:0; background-size:100% 100%;}
#visual .bx-controls-direction .bx-next {position:absolute;right:-4.5rem; background:url(/images/default/main/vr.png) no-repeat;font-size:0; background-size:100% 100%;}


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


/*퀵메뉴*/
.quick{background:#d6e2ef; margin-top:-1.5rem; }
.quick .padd{padding-top:0;}
.quick ul{overflow:hidden;}
.quick ul li{float:left; margin-left:116px; text-align:center;}
.quick ul li:first-child{margin-left:0;}
.quick ul li a div{width:120px; height:120px; margin-bottom:15px; 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%);}



/*메인컨텐츠*/
.con_tab {margin-bottom:30px; *zoom:1; padding-right:45px;}
.con_tab:after {content:" "; display:block; clear:both;}
.con_tab li {float:left;position:relative;z-index:1; width:50%; }
.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.9rem;}
#container h3{font-size:1.4rem; margin-bottom:1.25rem; color:#333;}
#container h4{font-size:1rem; margin-bottom:0.75rem; line-height:1.0;}
#container .cts1 .padd{overflow:hidden;}
#container .cts1 .padd .fl{width:570px; position:relative;}
#container .cts1 .padd .fl .more{position:absolute; right:0; top:0;}
#container .cts1 .padd .fr{width:730px;}
#container .cts1 .padd .fr .half{width:335px; margin-left:30px; float:left;}
#container .cts1 .padd .fr .half .box a{position:relative; display:block; height:216px; background: url("/images/default/main/sche_bg.jpg") no-repeat 0 0; 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;}
#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 li{width:100%; float:left; font-size:0.85rem;  }
#container .cts1 .padd .fr .box.bg li:first-child{margin-top:0}
#container .cts1 .padd .fr .box.bg li span{display: inline-block;text-overflow:ellipsis;overflow: visible;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;}
.recent_notice li{overflow:hidden; height:40px; line-height:40px; 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;}

/* 오늘의 식단 수정 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;}



#container .cts2{background: url("/images/default/main/gallery_bg.jpg") no-repeat center top;}
#container .cts2 .gallery{float:left; width:1090px; 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:295px; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.35); }
#container .cts2 .gallery ul li .gallery_photo{width: 100%; height: 145px; }
#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; 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{width:180px; float:right; font-size:1rem;}
#container .cts2 .sns li{margin-top:5px;}
#container .cts2 .sns li a{display:block; height:70px; line-height:70px; background:#fff; padding-left:23px;  box-shadow:2px 4px 5px rgba(0, 0, 0, 0.35); border-radius:3px;}
#container .cts2 .sns li a img{vertical-align:middle; margin-right:10px;}
#container .cts2 .sns li a:hover {background:#eef8fa;}


#container .cts3{background: url("/images/default/main/busi_bg.jpg") no-repeat center bottom; height:440px; overflow:hidden;}
#container .cts3 h3{}
#container .cts3 h4{font-size:1.2rem; margin-bottom:2rem;}
#container .cts3 ul{margin-top:40px;}
#container .cts3 ul li{width:19.2%; float:left; margin-left:1%; text-align:center; line-height:1.6;}
#container .cts3 ul li:first-child{margin-left: 0px;}
#container .cts3 ul li a{display:block; height:280px; color:#fff; background:rgba(0, 53, 103, 0.7); padding:3rem 0rem;transition:0.5s;}
#container .cts3 ul li p.more{ opacity: 0; text-decoration:underline; margin-top:30px;}
#container .cts3 ul li a:hover{height:330px;background:rgba(0, 53, 103, 0.9); transform:translateY(-30px);}
#container .cts3 ul li a:hover{ -webkit-box-shadow: 5px 7px 20px rgba(43, 54, 86, 0.2);   box-shadow: 5px 7px 20px rgba(43, 54, 86, 0.2);}
#container .cts3 ul li a:hover p.more{ opacity: 1;  -webkit-transform: translateY(0);      -ms-transform: translateY(0);          transform: translateY(0);}


#container .cts4 .inn ul{padding:1rem 2rem; position:relative;}
#container .cts4 .inn .slick-slide{margin:0 0.75rem;}
#container .cts4 .inn button{position:absolute; z-index:10; top:50%; margin-top:-40px;  width:2rem; height:80px; font-size:0; }
#container .cts4 .inn button:focus{outline:none;}
#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";}



/*푸터*/
#footer{ clear:both; line-height:1.5;background-color:#333; color:#818181; font-size:0.8rem; letter-spacing:0;}
#footer .copyright { width:65rem; margin:0 auto; padding:2rem 0;overflow:hidden; position:relative;}
#footer .copyright h3{position:absolute; right:0; bottom:2rem;}
#footer .copyright p {margin-top:10px;}
#footer .copyright p em{padding:0 10px;}
#footer .copyright p b{color:#81c5dc;}
#footer .copyright a{color:#7a7a7a;}
#footer .copyright p.copy i{color:#FFCC00;}