@charset "utf-8";
@import url("./default.css"); 

body{ }

.default_layout{ z-index:1; }

#container { margin:0px auto; padding:32px 0 0; background:url(../images/main/wrap_bg1.png) center top no-repeat; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; height:195px; box-sizing:border-box; background:#fff;} /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { float:left; position:relative; margin:0 0 0 -280px; width:1217px; height:484px; border-radius:0 20px 20px 0; overflow:hidden; }
.visual_wrap div { height:484px; }
.visual_wrap .visual_txt { position:absolute; left:0; top:99px; text-align:left; padding:0 0px 0 127px; }

.visual_wrap .visual_txt .vitxt_box { 
    opacity: 0; }

.visual_wrap .visual_txt .vitxt_box.effect { opacity:1; -webkit-animation: bounce-in-left 1.1s both;
	        animation: bounce-in-left 1.1s both; }

.visual_wrap .slick-dots { position:absolute; right:92px; bottom:30px; }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:23px; height:23px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,0.7); margin-right:15px; box-shadow:5px 5px 5px 1px rgba(0,0,0,0.15); }
.visual_wrap .slick-dots li.slick-active { background:#fff; }
.visual_wrap .slick-dots li span { display:none; }

.visual_wrap .vbtn02 { position:absolute; right:64px; bottom:22px; }
.visual_wrap .vbtn02 a { display:block; width:27px; height:31px; text-indent:-99999px; background:url(../images/main/v_stop.png) left top no-repeat; }
.visual_wrap .vbtn02.v_stop a { background:url(../images/main/v_play.png) left top no-repeat; }


@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.right_cont { position:absolute; right:0; top:0; width:386px; }

.right_cont .col_box { border-radius:20px; box-shadow:0px 0px 8px rgba(0,0,0,0.15); overflow:hidden; }

/*월중행사 type1*/
.schedule { width:100%; height:225px; margin:0 0 33px 0; padding:0 30px 0; }
.schedule h3 { height:62px; box-sizing:border-box; padding:22px 0 0 0; }
.schedule h3 a { font-size:22px; color:#333; }
.schedule .main_btn{position:absolute; top:20px; right:30px;}
.schedule .main_btn li{float:left; width:26px; margin-left:6px; }
.schedule .main_btn li a { display:block; width:100%; height:26px; box-sizing:border-box; text-indent:-99999px; border-radius:50%; }
.schedule .main_btn li:not(.more) a { border:1px solid #ddd; }
.schedule .main_btn li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .main_btn li.sbtn02 a { background:#fff url(../images/main/sch_bt2.png) center center no-repeat; }
.schedule .main_btn li.s_play a { background:#fff url(../images/main/sch_bt2_on.png) center center no-repeat; }
.schedule .main_btn li.sbtn03 a { background:#fff url(../images/main/sch_bt3.png) center center no-repeat; }
.schedule .main_btn li.more a { background:#5b5b5b url(../images/main/sch_more.png) center center no-repeat; }

.schedule .slick-slide { margin:0; border:0 none; }
.schedule .slick-slide > div { margin-bottom:15px; height:65px; }
.schedule .slick-slide .sitem { }
.schedule .slick-slide .sitem a { display:block; }
.schedule .slick-slide .sitem a::after { content:""; display:block; clear:both; }
.schedule .slick-slide .sitem a p.sch_side { float:left; width:64px; height:65px; position:relative; text-align:center; color:#fff; font-weight:bold; background:#4545a0; border-radius:10px; line-height:22px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.schedule .slick-slide .sitem a p.sch_side::before { content:""; display:block; position:absolute; right:0; bottom:0; width:14px; height:14px; background:#fff; }
.schedule .slick-slide .sitem a p.sch_side::after { content:""; display:block; position:absolute; right:0; bottom:0; width:0px; height:0px; background:#fff; border-left:7px solid #39397d; box-sizing:border-box; border-top:7px solid #39397d; border-right:7px solid transparent; border-bottom:7px solid transparent; }


.schedule .slick-slide .sitem a p.sch_side span.eng { display:block; font-size:14px; font-weight:500; text-transform:uppercase; }
.schedule .slick-slide .sitem a p.sch_side span.num { font-size:25px; display:block; margin-top:-1px; }

.schedule .slick-slide .sitem a dl { float:right; width:calc(100% - 77px); line-height:23px; padding-top:10px;}
.schedule .slick-slide .sitem a dl dt { font-size:18px; color:#333; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.schedule .slick-slide .sitem a dl dd { font-size:15px; color:#777; margin-top:2px; }
.schedule .slick-slide .sitem a dl dd::before { content:""; display:inline-block; vertical-align:top; width:10px; height:11px; background:url(../images/main/sch_date.png) left top no-repeat; margin:5px 6px 0 0; }
.schedule .slick-slide .sitem a:hover dl dt { font-weight:700; color:#4545a0; }


/*팝업*/
.popupZone { position:relative; float:right; width:100%; height:225px; }

.popupZone .btbox { position:absolute; left:calc(50% - 145px); bottom:14px; width:290px; height:38px; border-radius:150px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); z-index:1; background:#fff; text-align:center; overflow:hidden;  }
.popupZone .btbox h3 { float:left; font-size:17px; color:#333; text-align:center; width:122px; line-height:36px;}
.popupZone .btbox h3 span { color:#000080; }
.popupZone .btbox .countbox { float:left; position:relative; }
.popupZone .btbox .slick-counter { float:left;  font-size:15px; color:#333; font-weight:bold; margin:0px 0 0 0px;}
.popupZone .btbox .slick-counter span { display:inline-block; line-height:38px;  }
.popupZone .btbox .slick-counter span.current { font-weight:bold; margin-right:50px;}

.popupZone .main_btn{ float:right; margin:5px 20px 0 0; }
.popupZone .main_btn li{float:left; display:block !important; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  border-radius:50%; }
.popupZone .main_btn li.pbtn02 a { width:16px; height:16px; background:url(../images/main/p_bt2.png) center center no-repeat; margin:5px 9px 0 0; border:1px solid #3b3b3b;}
.popupZone .main_btn li.pbtn02.p_play a { background:url(../images/main/p_bt2_on.png) center center no-repeat; }
.popupZone .main_btn li.more a { width:27px; height:27px; background:#606060 url(../images/main/p_more.png) center center no-repeat;}


div#popup_scroll { width:100%; height:225px; overflow:hidden; box-sizing:border-box; position:relative; }
div#popup_scroll img { display:block; margin:0 auto; width:100%; height:225px; }

.popupZone .visual__progress { margin:0px 0px 0 0;
  position:absolute; left:25px; top:18px;
  height: 2px;
  width:33px;
  background-color: #dcdeff;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #555555, #555555);
  z-index: 2;
}

.popupZone .slick-dots { display:none !important; }


/*공지사항 type1*/
.noticeGroup { width:936px; height:337px; margin:62px 0 0 0; }
.noticeGroup .all_title { font-size:30px; color:#333;  box-sizing:border-box; padding:0px 0 0 0; float:left; margin:10px 299px 0 0; font-weight:bold; position:relative; }
.noticeGroup .all_title span { background: linear-gradient(0deg, rgba(76,84,182,1) 0%, rgba(111,59,161,1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent; position:relative; z-index:1; }
.noticeGroup .all_title::before { content:""; display:block; width:32px; height:29px; background:url(../images/main/ntitle_bg.png) left top no-repeat; position:absolute; right:-20px; top:-16px; }


.noticeGroup h3 { float:left; font-size:18px; padding:0 0px 0 0px; position:relative; margin-top:0px; }
.noticeGroup h3.btn2 { margin:0 20px 0; }
.noticeGroup h3 a {color:#797979; background:#f3f3f3; display:block; border-radius:150px; line-height:41px; box-sizing:border-box; border:1px solid #cccccc; padding:0 18px 0 19px; box-shadow:0px 0px 7px rgba(0,0,0,0.15); }
.noticeGroup h3 a span { display:inline-block; vertical-align:top; width:16px; height:16px; background:url(../images/main/ntitle.png) center center no-repeat; margin:13px 6px 0 0; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a { background:#464646; border-color:#464646; color:#fff; }
.noticeGroup .on_check .btn a span { background:url(../images/main/ntitle2.png) center center no-repeat; }

.noticeGroup div.tabcontent {position:absolute; left:0; top:61px; width:100%; display:none; height:277px; box-sizing:border-box; border:1px solid #cccccc; border-radius:10px; background:#fff; padding:0 29px 0 26px; }

.noticeGroup .nitem:first-child  { width:100%; margin-bottom:13px; }
.noticeGroup .nitem:first-child a { display:block; width:100%; height:113px; box-sizing:border-box; padding:20px 130px 0 91px; position:relative; border-bottom:1px dashed #ddd;}
.noticeGroup .nitem:first-child a::before { content:""; display:block; width:69px; height:69px; border-radius:10px; background:#ebebeb url(../images/main/nbell.png) center center no-repeat; position:absolute; left:0; top:23px; }
.noticeGroup .nitem:first-child  a .n_subject { height:25px; line-height:25px; color:#333; font-size:19px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; font-weight:600; margin-bottom:8px; }
.noticeGroup .nitem:first-child  a .n_cont { display:block; line-height:20px; height:40px; color:#444; font-size:16px; overflow:hidden;
/* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }
 
.noticeGroup .nitem:first-child  a:hover .n_cont { text-decoration:underline; }

.noticeGroup .nitem:first-child  a .noti_date { color:#666; font-size:16px; position:absolute; right:0; top:46px; letter-spacing:-1px; }

.noticeGroup .nitem:first-child  a img { display:block; position:absolute; left:40px; top:18px; }

.noticeGroup .nitem:first-child  a .n_subject { position:relative; }
.noticeGroup .nitem:first-child  a .n_subject span,
.noticeGroup .nitem:first-child  a .n_subject span { display:inline-block; position:relative; z-index:1; max-width:100%; }


.noticeGroup .nitem:not(:first-child) { margin:0 0 0 0; border:0 none; height:33px; }
.noticeGroup .nitem:not(:first-child) a { display:block; line-height:33px; height:33px; }
.noticeGroup .nitem:not(:first-child) a::after { content:""; display:block; clear:both; }
.noticeGroup .nitem:not(:first-child) a .n_subject { float:left; font-size:17px; font-weight:500; color:#333; position:relative; padding:0 0 0 17px; box-sizing:border-box; width:calc(100% - 80px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup .nitem:not(:first-child) a:hover .n_subject { text-decoration:underline; }
.noticeGroup .nitem:not(:first-child) a .n_subject::before { content:""; display:block; width:5px; height:5px; background:#2e3192; position:absolute; left:0; top:14px; border-radius:50%; }
.noticeGroup .nitem:not(:first-child)  a .n_cont { display:none; }
.noticeGroup .nitem:not(:first-child) a .noti_date { float:right; color:#666; font-size:16px; letter-spacing:-1px;}

.noticeGroup .nitem:not(:first-child) a img { display:none; }
.noticeGroup .nitem a:after { content:""; display:block; clear:both; }


.noticeGroup .more { position:absolute; right:0; top:-61px; }
.noticeGroup .more a { display:block; width:43px; height:43px; text-indent:-99999px; border-radius:50%; background:#464499 url(../images/main/more1.png) center center no-repeat; box-shadow:0px 0px 7px rgba(0,0,0,0.15);}


/*바로가기*/
#quick_cont { position:fixed; right:-136px; top:50%; transform:translateY(-50%); width:229px; box-sizing:border-box; padding:0 31px 0 32px; z-index:10; transition:all 0.4s; border-radius:20px 0 0 20px; border:1px solid #ccc; border-right:0 none; box-shadow:-1px 0px 5px 1px rgba(0,0,0,0.12); height:auto; }
#quick_cont.ms_view { right:0px; }

#quick_cont h3 { position:absolute; left:-17px; top:50%; transform:translateY(-50%); width:35px; }
#quick_cont h3 a { display:block; width:100%; height:35px; box-sizing:border-box; text-indent:-99999px; border-radius:50%; background:#70707c url(../images/main/l_arrow1.png) center center no-repeat;}
#quick_cont.ms_view h3 a { transform:rotate(180deg); }

#quick_cont ul { }
#quick_cont ul li { height:78px; box-sizing:border-box; border-bottom:2px dashed #ededed; }
#quick_cont ul li:last-child { border-bottom:0 none; }
#quick_cont ul li a { display:flex; align-items:center; font-size:16px; color:#505050; font-weight:500; }
#quick_cont ul li a::before { content:""; display:block; width:30px; height:76px; margin:0 0 0 0; }
#quick_cont ul li.l_ic1 a::before { background:url(../images/main/l_ic1.png) left center no-repeat; }
#quick_cont ul li.l_ic2 a::before { background:url(../images/main/l_ic2.png) left center no-repeat; }
#quick_cont ul li.l_ic3 a::before { background:url(../images/main/l_ic3.png) left center no-repeat; }
#quick_cont ul li.l_ic4 a::before { background:url(../images/main/l_ic4.png) left center no-repeat; }
#quick_cont ul li.l_ic5 a::before { background:url(../images/main/l_ic5.png) left center no-repeat; }
#quick_cont ul li a span.txt { opacity:0; transition:all 0.5s; }
#quick_cont.ms_view ul li a span.txt { opacity:1; }
#quick_cont ul li a:hover { font-weight:bold; }



/*급식*/
.food { width:386px; height:338px; box-sizing:border-box; float:right; margin:62px 0 0 0; }
.food::before { content:""; display:block; width:calc(100% - 186px); height:1px; box-sizing:border-box; border-bottom:1px dashed #cdcdcd; position:absolute; right:33px; top:21px; }

.food h3 { height:60px; box-sizing:border-box; padding:9px 0 0 0px; }
.food h3 a { font-size:30px; color:#333;}
.food #food_scroll { width:100%; box-sizing:border-box; height:278px; border:1px solid #cccccc; background:#f2f3ff; overflow:hidden; position:relative; border-radius:10px; padding:2px 16px 0; }
.food #food_scroll::before { content:""; display:block; width:calc(100% + 50px); height:92px; border-radius:50%; background:#ebecfa; position:absolute; left:-25px; bottom:-31px; }
.food #food_scroll::after { content:""; display:block; width:230px; height:88px; background:url(../images/main/f_bg2.png) center center no-repeat; position:absolute; right:16px; bottom:0; }

.food .f_today { width:165px; font-weight:bold; height:39px; line-height:39px; border-radius:150px; background:#464499; text-align:center; font-size:17px; position:relative; top:24px; color:#fff; margin:0 auto 0;}
.food .f_today span { color:#fff36c; }

#food_content { width:100%; height:139px; background:#fff; border-radius:10px; box-sizing:border-box; border:1px solid #ddd; box-shadow:inset 2px 2px 5px rgba(0,0,0,0.15); padding:37px 18px 0;}
#food_content a { font-weight:500; display:block; width:100%; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 20px;
    height: 80px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; font-size:16px; color:#444;  }

#food_content a:hover { text-decoration:underline; }

.food .more { position:absolute; right:0px; top:11px; }
.food .more a { display:block; text-indent:-99999px; width:21px; height:20px; background:url(../images/main/more2.png) left top no-repeat; }

/*퀵메뉴*/
.quick_cont { width:100%; height:auto; z-index:1; margin:56px 0 52px 0; }
.quick_cont .bg { width:calc(100% + 280px); height:100%; position:absolute; left:0; top:0; border-radius:10px 0 0 10px; background: rgb(76,84,182);
background: linear-gradient(90deg, rgba(76,84,182,1) 0%, rgba(111,59,161,1) 100%); z-index:-1; }
.quick_cont .bg::before { content:""; display:block; width:173px; height:252px; background:url(../images/main/wrap_bg2.png) left top no-repeat; position:absolute; right:53px; top:-252px; z-index:-1; }

.quick_cont .cont_box { position:relative; z-index:1; }
.quick_cont .cont_box::after { content:""; display:block; clear:both; }
.quick_cont .cont_box .titlebox { float:left; width:228px; text-align:center; box-sizing:border-box; padding:55px 0 0 0; }
.quick_cont .cont_box .titlebox h3 { color:#fff; font-size:30px; position:relative; display:inline-block;}
.quick_cont .cont_box .titlebox h3 span { font-size:33px; position:relative; display:inline-block;  transform:rotate(-8deg); margin:0 5px 0 0; }
.quick_cont .cont_box .titlebox h3::before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:8px; top:-16px; }
.quick_cont .cont_box .titlebox p { line-height:30px; font-size:15px; color:#fff; text-transform:uppercase; }


.quick_cont .cont_box #qslickbox { float:right; width:calc(100% - 228px); height:155px; box-sizing:border-box; position:relative; padding:0 3px 0 33px; }
.quick_cont .cont_box #qslickbox .main_btn { }
.quick_cont .cont_box #qslickbox .main_btn li { position:absolute; top:68px; z-index:1; }
.quick_cont .cont_box #qslickbox .main_btn li.qbtn01 { left:0; }
.quick_cont .cont_box #qslickbox .main_btn li.qbtn03 { right:0; }
.quick_cont .cont_box #qslickbox .main_btn li a { display:block; width:12px; height:20px; text-indent:-99999px; }
.quick_cont .cont_box #qslickbox .main_btn li.qbtn01 a { background:url(../images/main/q_bt1.png) left top no-repeat; }
.quick_cont .cont_box #qslickbox .main_btn li.qbtn03 a { background:url(../images/main/q_bt3.png) left top no-repeat; }
#quick_slick { margin:24px 0 0 0; }
#quick_slick .slick-slide { margin:0 30px 0 0; height:109px; }
#quick_slick .slick-slide .qitem { text-align:center; }
#quick_slick .slick-slide .qitem a { display:block; width:100%; height:109px; border-radius:10px; background:none; transition:all 0.5s; }
#quick_slick .slick-slide .qitem a:hover { background:#7173c0; }
#quick_slick .slick-slide .qitem a span.ic { display:block; width:100%; height:75px; }
#quick_slick .slick-slide .qic1 a span.ic { background:url(../images/main/q_ic1.png) center 20px no-repeat; }
#quick_slick .slick-slide .qic2 a span.ic { background:url(../images/main/q_ic2.png) center 10px no-repeat; }
#quick_slick .slick-slide .qic3 a span.ic { background:url(../images/main/q_ic3.png) center 13px no-repeat; }
#quick_slick .slick-slide .qic4 a span.ic { background:url(../images/main/q_ic4.png) center 12px no-repeat; }
#quick_slick .slick-slide .qic5 a span.ic { background:url(../images/main/q_ic5.png) center 18px no-repeat; }
#quick_slick .slick-slide .qic6 a span.ic { background:url(../images/main/q_ic6.png) center 15px no-repeat; }
#quick_slick .slick-slide .qitem a span.txt { display:block; width:100%; height:34px; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.5px; }


#main_cont2 { padding:0 0 43px 0; position:relative; }
#main_cont2::after { content:""; display:block; width:196px; height:227px; background:url(../images/main/wrap_bg3.png) left top no-repeat; position:absolute; left:0; top:-75px;  }
#main_cont2::before { content:""; display:block; width:100%; height:calc(100% - 146px); background:#eff0ff; position:absolute; left:0; bottom:0; }


/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:934px; height:auto; background:none; min-height:345px; }

.galleryGroup h3 { font-size:30px; color:#333;  box-sizing:border-box; padding:0px 0 0 0; margin:10px 0px 0 0; font-weight:bold; height:50px; }
.galleryGroup h3 a { display:inline-block; position:relative; color:#333;}
.galleryGroup h3 span { background: linear-gradient(0deg, rgba(76,84,182,1) 0%, rgba(111,59,161,1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent; position:relative; z-index:1; }
.galleryGroup h3 a::before { z-index:-1; content:""; display:block; width:32px; height:29px; background:url(../images/main/ntitle_bg.png) left top no-repeat; position:absolute; right:-20px; top:-16px; }


.galleryGroup .main_btn { position:absolute; right:0; top:0px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:43px; margin-left:6px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:43px; text-indent:-99999px; border-radius:50%; }
.galleryGroup .main_btn li:not(.more) a { border:1px solid #ddd; }
.galleryGroup .main_btn li.gbtn01 a { background:#f3f3f3 url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:#f3f3f3 url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:#f3f3f3 url(../images/main/g_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#f3f3f3 url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a { background:#464499 url(../images/main/more1.png) center center no-repeat;  }

.galleryGroup #gallery_scroll { width:calc(100% + 17px); height:auto; margin:0px 0px 0 0px; }
.galleryGroup .slick-slide { width:300px; height:284px; margin:0 17px 0 0; box-sizing:border-box; padding:0px 0px 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:284px; width:100%; box-sizing:border-box; border-radius:10px; border:1px solid #ddd; overflow:hidden; background:#fff; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:194px; box-sizing:border-box; border-radius:0px 0px 0 0; overflow:hidden; position:relative; background-size:cover !important; border-bottom:1px solid #ddd;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4) url(../images/main/g_ic.png) center center no-repeat; position:absolute; left:0; top:0px; opacity:0; transition:all 0.6s; }
.galleryGroup .slick-slide .gitem a:hover .pic:before { opacity:1; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { margin:15px 0 10px; padding:0 19px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#333; font-weight:700;  }
.galleryGroup .slick-slide .gitem .g_date {  padding:0 19px; text-align:right; font-size:15px; color:#777; }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top; width:11px; height:11px; background:url(../images/main/g_date.png) left top no-repeat; margin:6px 5px 0 0; }

/*도서*/
.galleryGroup2 { float:right; width:386px; background:none; height:auto; min-height:345px;}
.galleryGroup2 h3 { height:63px; box-sizing:border-box; padding:11px 0 0 0px;}
.galleryGroup2 h3 a { font-size:30px; color:#333;}

.galleryGroup2 .main_btn {  }
.galleryGroup2 .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup2 .main_btn li {  width:37px; position:absolute;  top:165px; z-index:1; }
.galleryGroup2 .main_btn li.bookbtn01 { left:0; }
.galleryGroup2 .main_btn li.bookbtn03 { right:0; }
.galleryGroup2 .main_btn li a { display:block; width:100%; height:37px; text-indent:-99999px; box-shadow:2px 2px 3px rgba(0,0,0,0.15); }
.galleryGroup2 .main_btn li.bookbtn01 a { background:#fff url(../images/main/book_bt1.png) center center no-repeat; }
.galleryGroup2 .main_btn li.bookbtn03 a { background:#fff url(../images/main/book_bt3.png) center center no-repeat; }

.galleryGroup2 .slick-slide { padding:15px 0 0; text-align:center; }
.galleryGroup2 .slick-slide .bookitem .pic {  }
.galleryGroup2 .slick-slide .bookitem .pic a { display:block; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.4); width:162px; height:186px; box-sizing:border-box; border-radius:10px; padding:5px; background:#fff; overflow:hidden; margin:0 auto 0;}
.galleryGroup2 .slick-slide .bookitem .pic span.pic_box { width:100%; height:176px; display:block; overflow:hidden; position:relative; background-size:cover !important; border-radius:8px; }
.galleryGroup2 .slick-slide .bookitem .pic .hover { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 0.5s; background:rgba(0,0,0,0.35); display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; text-transform:uppercase; }
.galleryGroup2 .slick-slide .bookitem .pic a:hover .hover { opacity:1; height:100%; }
.galleryGroup2 .slick-slide .bookitem .pic .hover::after { content:""; display:inline-block; vertical-align:middle; width:17px; height:9px; background:url(../images/main/book_arrow.png) left top no-repeat; margin:0 0 0 5px; }

.galleryGroup2 .slick-slide .bookitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup2 .slick-slide .bookitem .g_sub { padding:0 36px; margin:17px 0 1px;  }
.galleryGroup2 .slick-slide .bookitem .g_sub a { display:block; line-height:27px; font-size:18px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.galleryGroup2 .slick-slide .bookitem .g_con { padding:0 36px;  }
.galleryGroup2 .slick-slide .bookitem .g_con a { display:block; line-height:27px; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.galleryGroup2 .slick-slide .bookitem .g_sub:hover + .g_con { text-decoration:underline; }
.galleryGroup2 .slick-slide .bookitem .g_con a:hover { text-decoration:underline; }

.galleryGroup2 .more { position:absolute; right:0; top:10px; }
.galleryGroup2 .more a { display:block; width:77px; height:28px; line-height:28px; border-radius:150px; text-align:center; font-size:15px; color:#fff; background:#464646; transition:all 0.5s; }
.galleryGroup2 .more a:hover { background:#333; }
.galleryGroup2 .more a span { display:inline-block; vertical-align:top; width:6px; height:10px; background:url(../images/main/book_more.png) left top no-repeat; margin:9px 0 0 7px; }



/*배너모음*/
#banner {margin:0px 0 0 0; height:100px;  float:left; position:relative; width:100%; box-sizing:border-box; }
#banner h3 {float:left; padding:36px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:24px; color:#010000; padding:0px 0px 0 0; }

#banner .main_btn { position:absolute; right:0px; top:38px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:26px; margin-left:10px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:26px; border-radius:50%; box-sizing:border-box; text-indent:-999999px; }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/g_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#464499 url(../images/main/more1.png) no-repeat center center / 14px; box-shadow:2px 2px 2px rgba(0,0,0,0.15); }


div#banner_scroll {position:absolute;left:121px; top:20px; width:1105px; }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 10px 0px 0; width:211px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:59px; box-sizing:border-box; border:1px #ddd solid; border-radius:5px; overflow:hidden;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:57px; }






/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width:1024px) {

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:0px auto 20px; min-height:100%; padding:20px 0 0;}

/*메인비주얼*/
.visual_wrap { float:left; position:relative; margin:0 0 15px 0px; width:97%; height:auto; border-radius:0; }
.visual_wrap div { height:auto; }
.visual_wrap .visual_txt { position:absolute; right:0; top:50%; transform:translateY(-50%); text-align:right; padding:0 30px 0 0; }
.visual_wrap .visual_txt img { width:100%; max-width:300px; }
.visual_wrap img.imgdef { width:100%; min-height:200px; border-radius:0 20px 20px 0; overflow:hidden;}

.visual_wrap .slick-dots { position:absolute; right:45px;  top:inherit; bottom:20px; }

.visual_wrap .vbtn02 { position:absolute; right:15px;  top:inherit; bottom:13px; }

/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0 3% 20px 3% !important;}

/*공지사항 type1*/
.noticeGroup { width:100%; height:410px; margin:0 0 20px 0 !important; padding:20px 3% 0; }
.noticeGroup .all_title { font-size:27px; color:#333;  box-sizing:border-box; padding:0px 0 0 0; float:left; margin:10px 0px 17px 0; font-weight:bold; position:relative; }


.noticeGroup h3 { float:left; font-size:17px; padding:0 0px 0 0px; position:relative; margin-top:0px; width:33%; text-align:center; }
.noticeGroup h3.btn1 { clear:both; width:30%;}
.noticeGroup h3.btn2 { margin:0 2% 0; }
.noticeGroup h3 a { padding: 0 5px 0 5px; }
.noticeGroup h3 a span { display:none; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a { background:#464646; border-color:#464646; color:#fff; }
.noticeGroup .on_check .btn a span { background:url(../images/main/ntitle2.png) center center no-repeat; }

.noticeGroup div.tabcontent {position:absolute; left:3%; top:131px; width:94%; display:none; height:277px; padding:0 29px 0 26px; }

.noticeGroup .more { position:absolute; right:0; top:-115px; }

.right_cont { position:relative; right:inherit !important; top:inherit !important; width:100%; }

/*퀵메뉴*/
.quick_cont { width:94%; height:auto; z-index:1; float:none; }
.quick_cont .bg { width:100%; height:100%; position:absolute; left:0; top:0; border-radius:10px;  z-index:-1; }
.quick_cont .bg::before { display:none; }

.quick_cont .cont_box { position:relative; z-index:1; }
.quick_cont .cont_box::after { content:""; display:block; clear:both; }
.quick_cont .cont_box .titlebox { float:left; width:100%; text-align:center; box-sizing:border-box; padding:30px 0 0 0; }
.quick_cont .cont_box .titlebox h3 { color:#fff; font-size:20px; position:relative; display:inline-block;}
.quick_cont .cont_box .titlebox h3 span { font-size:23px; margin:0 5px 0 0; }
.quick_cont .cont_box .titlebox h3::before { top:-12px; }
.quick_cont .cont_box #qslickbox .main_btn li { top:50px; }
#quick_slick { margin:0 0 0 0; }

.quick_cont .cont_box #qslickbox { float:right; width:94%; margin:0 3% 0; padding:0 3px 20px 25px; height:auto; }
#quick_cont h3 { display:none;  }

#quick_cont ul { }
#quick_cont ul li { height:78px; box-sizing:border-box; border-bottom:2px dashed #ededed; }
#quick_cont ul li:last-child { border-bottom:0 none; }
#quick_cont ul li a { display:flex; align-items:center; font-size:16px; color:#505050; font-weight:500; }
#quick_cont ul li a span.txt { opacity:1; transition:all 0.5s; }


#main_cont2 { padding:0 0 0 0; }
#main_cont2::after { display:none;  }




/*바로가기*/
#quick_cont { position:relative; right:inherit !important; top:inherit !important; transform:none; width:94%; box-sizing:border-box; padding:0 31px 0 32px; z-index:10; transition:all 0.4s; border-radius:20px; border:1px solid #ccc; box-shadow:-1px 0px 5px 1px rgba(0,0,0,0.12); height:auto; }




/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; box-sizing:border-box; padding:25px 0 10px; }
#banner h3 { float:none; padding:0px 0 0 3%;}
#banner .main_btn { position:absolute; right:3%; top:-2px; }
 
div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 3%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 3% 0px 0; width:22%;  }
div#banner_scroll #banner_content .slick-slide { margin:0 15px 0px 0; }


}

@media all and (max-width:740px) {

/*배너모음*/
div#banner_scroll ul#banner_content li {float:left; margin:0 0 0px 3%; width:30%;  }

}
@media all and (max-width:584px) {
#quick_slick .slick-slide { margin:0 15px 0 0; }
#quick_slick .slick-slide .qitem a span.txt { font-size:15px; padding:0 5px; color:#fff; font-weight:500; letter-spacing:-0.5px; }
.quick_cont .cont_box #qslickbox { float:right; width:94%; margin:0 3% 0; padding:0 10px 20px 25px; }

}

@media all and (max-width:550px) {
.noticeGroup div.tabcontent { padding:0 15px; }
.noticeGroup .nitem:first-child  { width:100%; margin-bottom:13px; }
.noticeGroup .nitem:first-child a { display:block; width:100%; height:113px; box-sizing:border-box; padding:20px 90px 0 0px; position:relative; border-bottom:1px dashed #ddd;}
.noticeGroup .nitem:first-child a::before { display:none; }

.noticeGroup .nitem:first-child  a img { display:none; }



/*배너모음*/
div#banner_scroll ul#banner_content li {float:left;  width:47%;  }

}
@media all and (max-width:510px) {
.galleryGroup #gallery_scroll { width:100%; }
.galleryGroup .slick-slide {  margin:0 0px 0 0;  }
.galleryGroup .main_btn { position:absolute; right:0; top:6px; }
.galleryGroup .main_btn li { float:left; width:34px; margin-left:6px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:34px; text-indent:-99999px; border-radius:50%; }

}

@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	

/*메인비주얼*/
.visual_wrap .visual_txt { position:absolute; right:0; top:50%; transform:translateY(-50%); text-align:right; padding:0 30px 0 0; }
.visual_wrap .visual_txt img { width:100%; max-width:200px; }
.visual_wrap img.imgdef { width:100%; min-height:170px; }
	
}