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

.pic_poplayer > div { max-height:calc(100% - 35px) !important; height:auto !important; overflow-y:auto; }
.pic_poplayer > div > div { height:calc(100% - 35px) !important; }


.slide-in-right {
	-webkit-animation: slide-in-right 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left {
	-webkit-animation: slide-in-left 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

#header { position:fixed; }
#wrap,#header,#footerGroup  { min-width:0px;}

#header.h_type_02 { background:#fff url(../images/common/header_line.png) left bottom repeat-x;  }
#header.h_type_02 h1 a { background:url(../images/common/logo_on.png) left top no-repeat; }
#header.h_type_02 .util ul.info li a{color:#333;}
#header.h_type_02 .top_site a { background:url(../images/common/site_on.png) left top no-repeat; }
#header.h_type_02 #topMenu li.menu_list a.depth_link { color:#333; }

#section0 { }
#container { }
#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; } /* 340 / 1100 = */



/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0;}
.visual_wrap .sc_box { position:absolute; right:100px; bottom:115px; z-index:1; }
.visual_wrap .sc_off { display:none; }
.visual_wrap .sc_box .stxt { color: #fff;
    font-size: 14px;
    font-weight: 400;
    writing-mode: vertical-rl;
    transform: rotateX(180deg) rotateY(180deg); font-family: 'Pretendard';}
.visual_wrap .sbg { width:23px; height:45px; border-radius:150px; box-sizing:border-box; border:1px solid #fff; margin:12px auto 0; position:relative; -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;}
.visual_wrap .sbg span { display:block; width:4px; height:4px; border-radius:50%; background:#fff; position:absolute; left:calc(50% - 2px); top:9px; -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.visual_wrap .visual_txt { position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; width:100%; text-align:center; font-family: 'Pretendard'; color:#fff; line-height:35px; text-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.visual_wrap .visual_txt .txt1 { font-size:60px;   font-weight:800;  }
.visual_wrap .visual_txt .txt2 { font-size:33px; font-weight:400; letter-spacing:4px; margin-top:45px; }

.visual_wrap .slick-slide { width:100%; height:956px; position:relative; }
.visual_wrap .slick-slide .vi_effect { 
     -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
	}
.visual_wrap .slick-slide .effect { -webkit-animation: kenburns-top 6s ease-out both;
	        animation: kenburns-top 6s ease-out both; }
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.08) translateY(-15px);
            transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
            transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.08) translateY(-15px);
            transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
            transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
.visual_wrap .slick-dots { position:absolute; left:0; bottom:115px; width:100%; text-align:center; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:middle; margin:0 5px; position:relative; z-index:3; }
.visual_wrap .slick-dots li span { display:block; cursor:pointer; width:12px; height:12px; border-radius:50%; text-indent:-99999px; border-radius:50%; border:1px solid #fff; }
.visual_wrap .slick-dots li.slick-active span { width:56px; border-radius:150px; background:#fff; }
.visual_wrap .slick-slide p img { margin:0 auto; text-align:center; }

.visual_wrap .rangebox { position:absolute; left:0; bottom:115px; width:100%; text-align:center; z-index:2; }
.visual_wrap .rangebox li { display:inline-block; vertical-align:middle; }
.visual_wrap .rangebox li.vbtn03 { margin-left:120px; }
.visual_wrap .rangebox li a { display:block;  width:7px; height:14px; text-indent:-99999px; }
.visual_wrap .rangebox li.vbtn01 a { background:url(../images/main/vi_bt1.png) left top no-repeat; }
.visual_wrap .rangebox li.vbtn03 a { background:url(../images/main/vi_bt3.png) left top no-repeat; }

.full_quick { position: fixed;
    top: 50%;
	transform:translateY(-50%);
    left: 55px;
    z-index: 1000;
    transition: .3s; text-align:center; }
.full_quick .rhome { margin-bottom:5px; }
.full_quick .rhome a { display:block; width:17px; height:14px; text-indent:-99999px; background:url(../images/main/r_home.png) center top no-repeat; transition: .3s;}
.full_quick .num p { display:none; transition: .3s; font-size:15px; color:#fff; font-family: 'Pretendard'; font-weight:500;}    
.full_quick.on01 .num p.num01 { display:block; }
.full_quick.on02 .num p.num02 { display:block; }
.full_quick.on03 .num p.num03 { display:block; }

.full_quick .line { width:2px; height:78px; background:#b7b7b7; margin:0 auto 0; }
.full_quick .line em { display:block; width:100%; transition:all 0.4s; background:#fff; height:0; }

.full_quick.on01 .line em.line01 { height:26px; }
.full_quick.on02 .line em.line01 { height:26px; }
.full_quick.on02 .line em.line02 { height:26px; }
.full_quick.on03 .line em.line01 { height:26px; }
.full_quick.on03 .line em.line02 { height:26px; }
.full_quick.on03 .line em.line03 { height:26px; }

.full_quick .num_total p { font-size:15px; color:#fff; font-family: 'Pretendard'; font-weight:500;}   
 
 
.full_quick.on02 .rhome a,
.full_quick.on03 .rhome a { background:url(../images/main/r_home_on.png) center top no-repeat;  }
 
.full_quick.on02 p,
.full_quick.on03 p { color:#333; }

.full_quick.on02 .line,
.full_quick.on03 .line {  }

.full_quick.on02 .line em,
.full_quick.on03 .line em { background:#333333; }

/*top*/
.full_top.top_off { display:none; }
.full_top { position:fixed; right:99px; bottom:44px; display:block; z-index:1; }
.full_top a { display:block; width:59px; height:59px; text-align:center; border-radius:50%; background:#435870; position:relative; font-size:16px; color:#fff; font-family: 'S-CoreDream-5Medium'; padding-top:27px; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.2); }
.full_top a:before { content:""; display:block; width:100%; height:11px; background:url(../images/main/sc_arrow.png) center top no-repeat; position:absolute; left:0; top:13px; transition:all 0.4s; }
.full_top a:hover:before { top:9px; }



#section2 { background:#fbf9fd; }
#section2 .default_layout { padding:188px 0 130px; opacity: 0;}
#section2 .default_layout.en_effect { -webkit-animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }

/* ----------------------------------------------
 * Generated by Animista on 2024-8-2 14:35:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/*공지사항 type1*/
.noticeGroup{ width:897px; height:334px; }
.noticeGroup .ntitle { font-family: "GmarketSansBold"; font-size:30px; color:#333; float:left; text-transform:uppercase; margin-right:16px; margin-top:6px; }
.noticeGroup h3 {float:left; font-family: "GmarketSansMedium"; font-size:25px; font-weight:normal; padding:0 17px 0 28px; background:url(../images/main/nline.png) left 2px no-repeat; margin-top:6px; }
.noticeGroup h3.btn1 { padding:0 17px 0 0; background:none; }
.noticeGroup h3 span { display:inline-block; vertical-align:top; width:24px; height:24px; border-radius:50%; background:#8b9faf url(../images/main/more1.png) center center no-repeat; text-indent:-99999px; margin:-3px 0 0 18px; }
.noticeGroup h3 a { color:#666; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#075097; font-family: "GmarketSansBold";}
.noticeGroup .on_check .btn span { background-color:#075097; }
.noticeGroup div.tabcontent {position:absolute;left:0;top:60px;width:100%; display:none; height:274px; background:#ffffff; box-shadow:1px 1px 8px 1px rgba(0,61,108,0.1); padding:33px 34px 0; box-sizing:border-box;}
.noticeGroup div ul { }
.noticeGroup div ul li {float:left; width:100%; line-height:42px !important; letter-spacing:-0.5px; font-size:18px; font-family: 'S-CoreDream-3Light';}
.noticeGroup div ul li a {float:left; width:65%;padding:0 0 0 22px; color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box; }
.noticeGroup div ul li a:before { content:""; display:block; width:9px; height:9px; background:#2280d7; position:absolute; left:0; top:16px; }
.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#606060; font-size:16px; }
.noticeGroup div ul li img {vertical-align:middle;}
.noticeGroup div ul li:last-child {border-bottom:0px}

.noticeGroup div p.more {position:absolute; clear:both;right:0;top:-35px; }

/*팝업*/
.popupZone { position:relative;  width:460px; height:333px; background:none; float:right; margin:1px 0 39px 0; overflow:hidden; }

.popupZone #popbox { position:relative; height:333px; width:100%; box-sizing:border-box; background:#fff; border:1px solid #d1d1d1; }
.popupZone #popbox li { height:318px; width:100%; overflow:hidden; box-sizing:border-box; overflow:hidden; }
.popupZone #popbox li a { display:block; width:100%; height:269px;   }
.popupZone #popbox li img { width:100%; height:269px; display:block; }

.popupZone #popbox li .txt { width:100%; box-sizing:border-box; height:62px; line-height:62px;  padding:0 165px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; border-top:1px solid #d1d1d1; font-family: 'S-CoreDream-3Light';}

.popupZone #popbox .pageall { height:62px; margin:0 auto; text-align:center;  position:absolute; right:85px; bottom:0px; z-index:103;}
.popupZone #popbox .pageall:after { content:""; display:block; clear:both; }
.popupZone #popbox .pageall .external { display:inline-block; vertical-align:middle;}
.popupZone #popbox .pageall .total { display:inline-block; height:62px; vertical-align:middle; line-height:62px; font-size:15px; color:#666666; font-family: 'S-CoreDream-3Light';}

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:62px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:62px; line-height:62px; font-size:15px; color:#2280d7; text-indent:0; text-align:right; position:relative; font-family: 'S-CoreDream-5Medium'; }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"01";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"02";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"03";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"04";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"05";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"06";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"07";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"08";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"09";  }
#adv-custom-pager2 span:nth-child(10).cycle-pager-active::before { content:"10";  }
#adv-custom-pager2 span:nth-child(11).cycle-pager-active::before { content:"11";  }
#adv-custom-pager2 span:nth-child(12).cycle-pager-active::before { content:"12";  }
#adv-custom-pager2 span:nth-child(13).cycle-pager-active::before { content:"13";  }
#adv-custom-pager2 span:nth-child(14).cycle-pager-active::before { content:"14";  }
#adv-custom-pager2 span:nth-child(15).cycle-pager-active::before { content:"15";  }
#adv-custom-pager2 span:nth-child(16).cycle-pager-active::before { content:"16";  }
#adv-custom-pager2 span:nth-child(17).cycle-pager-active::before { content:"17";  }
#adv-custom-pager2 span:nth-child(18).cycle-pager-active::before { content:"18";  }
#adv-custom-pager2 span:nth-child(19).cycle-pager-active::before { content:"19";  }
#adv-custom-pager2 span:nth-child(20).cycle-pager-active::before { content:"20";  }


.popupZone #popbox .control { position:absolute; right:24px; bottom:23px; z-index:103; width:46px; height:15px;}
.popupZone #popbox .control:before { content:""; display:block; width:1px; height:12px; background:#888888; position:absolute; left:22px; top:2px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p {  float:left; margin:0px 0px 0; }
.popupZone #popbox .control p a { display:block; width:100%; text-indent:-999999px; width:8px; height:15px;}
.popupZone #popbox .control p#prev1 {   }
.popupZone #popbox .control p#next1 { float:right; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.popupZone #popbox .control p#next1 a { background:url(../images/main/p_bt2.png) left top no-repeat;}


/*월중행사 type1*/
.schedule {  width:540px; height:257px; padding:0 32px 0 228px; clear:both; background:#fff; box-shadow:1px 1px 8px 1px rgba(0,61,108,0.1);}
.schedule .titlebox { width:186px; height:100%; position:absolute; left:0; top:0; background:#92e0e0 url(../images/main/sc_bg.png) right 6px bottom no-repeat; border-radius:0 30px 30px 0; box-sizing:border-box; padding:28px 15px 0 15px; }
.schedule h3 { width:193px; margin:0 0 0 0; border-radius:150px 150px 150px 0; box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.schedule h3 a { display:block; width:100%; height:52px; overflow:hidden; background:#fff; border-radius:150px 150px 150px 0; color:#0b8092; font-size:25px; font-family: "GmarketSansBold"; box-sizing:border-box; padding:18px 0 0 25px; position:relative;  }
.schedule h3 span { display:block; width:74px; height:74px; border-radius:50%; background:#0b8092 url(../images/main/arrow1.png) left 16px top 18px no-repeat; position:absolute; right:-17px; top:-1px; }
.schedule .titlebox p { margin-top:20px; line-height:20px; font-size:14px; font-family: 'S-CoreDream-3Light'; color:#444444; letter-spacing:-0.5px;}

div#schedule_scroll { height:210px; overflow-y:auto; width:100%; margin-top:30px; }
div#schedule_scroll::-webkit-scrollbar {
    width: 3px; border-radius:150px;
  }
div#schedule_scroll::-webkit-scrollbar-thumb {
    background-color: #0b8092;
  }
div#schedule_scroll::-webkit-scrollbar-track {
    background-color: #b7b7b7;
  }

div#schedule_scroll ul#schedule_content {  }
div#schedule_scroll ul#schedule_content li { margin:0px 0 15px; }
div#schedule_scroll ul#schedule_content li a { width:100%; height:27px; line-height:27px; padding:0 0 0 90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; position:relative; font-size:16px; color:#333; font-family: 'S-CoreDream-3Light'; display:block; }
div#schedule_scroll ul#schedule_content li a:hover { text-decoration:underline; }
div#schedule_scroll ul#schedule_content li a span { display:block; width:76px; height:27px; line-height:27px; text-align:center; border-radius:150px; position:absolute; left:0; top:0; font-size:16px; color:#fff; font-family: 'S-CoreDream-5Medium'; background:#a1a1a1; transition: 0.3s; }
div#schedule_scroll ul#schedule_content li a:hover span { background:#0b8092; }


/*아이콘바로가기*/
.quick_cont { float:right; width:817px; height:257px; background:#eff8ff; box-sizing:border-box; padding:0 0px 0 32px; border-radius:150px 0 0 0; }
.quick_cont:before { content:""; display:block; width:100%; height:100%; position:absolute; right:-100%; top:0; background:#eff8ff;}
.qslick { position:relative; }
.quick_cont .main_btn li { position:absolute; top:87px; }
.quick_cont .main_btn li.ibtn01 { left:0; }
.quick_cont .main_btn li.ibtn03 { right:0; }
.quick_cont .main_btn li a { display:block; width:42px; height:42px; text-indent:-99999px; border-radius:50%; box-shadow:0px 0px 5px rgba(0,0,0,0.15); }
.quick_cont .main_btn li.ibtn01 a { background:#fff url(../images/main/p_bt1.png) center center no-repeat; }
.quick_cont .main_btn li.ibtn03 a { background:#fff url(../images/main/p_bt2.png) center center no-repeat; }

#quick_slick { margin:30px 50px 0 68px; }
#quick_slick:after { content:""; display:block; clear:both; }
#quick_slick .slick-slide { width:156px; height:auto; position:relative; z-index:1; margin-right:12px; text-align:center; box-sizing:border-box; padding:8px; }

#quick_slick div a { display:block; width:100%; height:auto;  }
#quick_slick div a .ic { display:block; width:100%; height:140px; position:relative; z-index:1; overflow:hidden; border-radius:10px; margin:0 auto 0; box-shadow:0px 0px 7px rgba(0,61,108,0.12); }

#quick_slick div.qi1 a .ic { background:#fff url(../images/main/i_ic1.png) center center no-repeat; }
#quick_slick div.qi2 a .ic { background:#fff url(../images/main/i_ic2.png) center center no-repeat; }
#quick_slick div.qi3 a .ic { background:#fff url(../images/main/i_ic3.png) center center no-repeat;  }
#quick_slick div.qi4 a .ic { background:#fff url(../images/main/i_ic4.png) center center no-repeat; }

#quick_slick div a .ic::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:3px solid transparent; border-radius:10px;  }
#quick_slick div a .ic::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:3px solid transparent; border-radius:10px;  }
#quick_slick div a:hover .ic::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

#quick_slick div a:hover .ic::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

#quick_slick div a:hover .ic::before { border-top-color:#3673c6; border-right-color:#3673c6; }
#quick_slick div a:hover .ic::after {  border-bottom-color:#3673c6; border-left-color:#3673c6; }


#quick_slick div a .txt { margin-top:17px; display:block; width:100%; font-size:18px; color:#333; letter-spacing:-0.5px; padding:0 5px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px; font-family: 'S-CoreDream-5Medium';}
#quick_slick div a:hover .txt {  }

#section3 { background:#fff; }
#section3 #container { padding:180px 0 0px; }

/*학생학부모바로가기*/
.main_student { position:relative;   margin-top:20px; }
.main_student dt {float:left; width:33%; line-height:33px; background:#d9d9d9; letter-spacing:-0.5px; text-align:center; position:relative; }
.main_student dt.on a{display:block; line-height:33px; background:#ee5861; color:#fff; font-weight:bold; }
.main_student dt.on a i.fa{display:block; position:absolute; bottom:-12px; left:0px; font-size:20px;width:100%; text-align:center; color:#ee5861; }
.main_student dt a i.fa{display:none;}
.main_student dt a {display:block; color:#333333; font-size:14px;}
.main_student dt.center{margin:0 1px 0 1px; width:33.2%;}

.main_student dd { position:absolute; top:50px; width:100%; height:108px; left:0%; display:none; overflow:hidden; overflow-y:auto;  }
.main_student dd.first { display:block;}

.main_student dd ul {margin:0 auto; width:95%; }
.main_student dd ul li{float:left; width:31.33333%; margin:0 1% 0 1%; background:url(../images/main/main_student_dot.jpg) left 10px no-repeat; font-size:13px; letter-spacing:-1px; line-height:16px;  padding:3px 0;}
.main_student dd ul li a{padding:0 5px; color:#666666;}
.main_student dd ul li a:hover{padding:0 5px; background:#ee5861; color:#fff;}


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

.galleryGroup div.tabcontent { position:absolute; top:0; left:-999999px; opacity:0; width:100%; box-sizing:border-box; padding:0 0px 0 0; }
.galleryGroup .on_check .tabcontent{display:block; position:relative; left:inherit; opacity:1; margin:0 0px 0;  }

.galleryGroup h3 { height:56px; box-sizing:border-box; padding:3px 0 0 57px; position:relative; background:url(../images/main/g_cir.png) left 8px no-repeat;  }
.galleryGroup h3 a { color:#333; font-weight:normal; font-size:27px; font-family: "GmarketSansMedium"; }
.galleryGroup h3 a span { color:#3192a1; font-family: "GmarketSansBold"; }

.galleryGroup .btbox { position:absolute; right:0px; top:0px; }
.galleryGroup .btbox li { float:left; margin-left:6px; }
.galleryGroup .btbox li a { display:block; width:27px; height:28px; border-radius:50%; box-sizing:border-box; border:1px solid #d2d2d2; text-indent:-99999px; }

.galleryGroup .btbox li.p_prev a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .btbox li.p_next a { background:#fff url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .btbox li.gbtn02 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .btbox li.g_stop a { background:#fff url(../images/main/g_bt2_on.png) center center no-repeat; }


.galleryGroup .slick-slide { width:280px; height:276px; margin-right:29px; box-sizing:border-box;  }
.galleryGroup .slick-slide a { display:block; width:100%; height:276px; box-sizing:border-box; border-bottom:1px solid #333333;  }

.galleryGroup .slick-slide .gitem { position:relative; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:206px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important; border:1px solid #d1d1d1;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; transition:all 0.4s; background:rgba(0,0,0,0.4) url(../images/main/g_more.png) center center no-repeat;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem:hover .pic:before { width:100%; }


.galleryGroup .slick-slide .gal_txt {position:relative; padding:0 10px;}
.galleryGroup .slick-slide .g_sub { margin:7px 0 14px; height:23px; line-height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; font-family: 'S-CoreDream-5Medium'; }
.galleryGroup .slick-slide a:hover .g_sub { text-decoration:underline; }
.galleryGroup .slick-slide .g_date { height:22px; line-height:22px; font-size:15px; font-family: 'S-CoreDream-3Light'; color:#606060; text-align:right; }
.galleryGroup .slick-slide .g_date:before { content:""; display:inline-block; vertical-align:top; width:15px; height:12px; background:url(../images/main/g_date.png) center top no-repeat; margin:5px 5px 0 0; }


/*링크영역*/
.l_cont { float:right; height:auto; width:459px; margin-bottom:39px; opacity:0; }
.l_cont h3 { height:56px; box-sizing:border-box; padding:3px 0 0 57px; position:relative; color:#333; font-weight:normal; font-size:27px; font-family: "GmarketSansMedium"; background:url(../images/main/l_cir.png) left 8px no-repeat; text-transform:uppercase;  }
.l_cont h3 span { color:#3673c6; font-family: "GmarketSansBold"; }

.l_cont ul:after { content:""; display:block; clear:both; }
.l_cont ul li { float:left; width:calc(50% - 12px); }
.l_cont ul li:nth-child(even) { float:right; }
.l_cont ul li a { overflow:hidden; position:relative; display:block; width:100%; height:126px; box-sizing:border-box; padding:15px 17px 0; font-family: 'S-CoreDream-5Medium'; font-size:18px; color:#333;}
.l_cont ul li a:before { content:""; display:block; position:absolute; }
.l_cont ul li.ic1,
.l_cont ul li.ic2 { margin-bottom:24px; }

.l_cont ul li.ic1 a { background:#ffdbbd; }
.l_cont ul li.ic1 a:before { width:62px; height:76px; background:url(../images/main/l_ic1.png) left top no-repeat; right:16px; bottom:0; }

.l_cont ul li.ic2 a { background:#ebf5fa; }
.l_cont ul li.ic2 a:before { width:46px; height:71px; background:url(../images/main/l_ic2.png) left top no-repeat; right:16px; bottom:0; }

.l_cont ul li.ic3 a { background:#f6f5f8; }
.l_cont ul li.ic3 a:before { width:61px; height:81px; background:url(../images/main/l_ic3.png) left top no-repeat; right:7px; bottom:0; }

.l_cont ul li.ic4 a { background:#e7f9f0; }
.l_cont ul li.ic4 a:before { width:78px; height:55px; background:url(../images/main/l_ic4.png) left top no-repeat; right:16px; bottom:0; }

.l_cont ul li a:hover:before { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/*사용자별 서비스*/
.tquickbox { width:540px; height:auto; clear:both; opacity:0; }

.tquickbox .titlebox { margin-bottom:25px; }
.tquickbox .titlebox:after { content:""; display:block; clear:both; }
.tquickbox .titlebox dl { float:left; }
.tquickbox .titlebox dl dt { font-size:25px; color:#333; font-family: "GmarketSansBold"; margin:3px 0 5px; }
.tquickbox .titlebox dl dd { font-family: 'S-CoreDream-1Thin'; color:#333; font-size:14px;}
.tquickbox .titlebox ul { float:right; background:#fafafa; border-radius:150px; position:relative; box-sizing:border-box; border:1px solid #d1d1d1; overflow:hidden; margin-top:7px; }
.tquickbox .titlebox ul li { float:left; }
.tquickbox .titlebox ul li a { display:block; padding:0 17px; height:34px; line-height:34px; font-size:16px; color:#666; transition:0.4s; font-family: 'S-CoreDream-3Light'; background:none; border-radius:150px; }
.tquickbox .titlebox ul li.current a { color:#fff; background:#383b5a; }
.sl_box .tabcontent { float:left; width:100%; opacity:0; left:-999999px; top:0; position:absolute; height:196px; box-sizing:border-box; }
.sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 

.slick_def { padding:0 48px; position:relative; }
.slick_def .slick-slide > div { float:left; width:calc(50% - 12px); margin:0 0px 24px 0; text-align:center; height:74px; }
.slick_def .slick-slide > div:nth-child(even) { margin-left:24px; }

.slick_def .slick-slide > div a { display:flex; border:1px solid #d1d1d1; box-sizing:border-box; height:74px; line-height:72px; align-items:center; position:relative; padding:0 32px 0 14px; width:100%; font-family: 'S-CoreDream-5Medium'; font-size:16px; color:#333; letter-spacing:-0.5px; background:#fff; transition:0.4s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.slick_def .slick-slide > div a:before { content:""; display:block; width:13px; height:13px; background:url(../images/main/arrow2.png) center top no-repeat; transition:0.4s; position:absolute; right:14px; top:calc(50% - 6.5px); }
.slick_def .slick-slide > div a:hover:before { background:url(../images/main/arrow3.png) center top no-repeat; }
.slick_def .slick-slide > div a:hover { background:#3673c6; border-color:#3673c6; color:#fff; }
.slick_def .slick-slide > div a span { display:block; width:29px; height:29px; border-radius:50%; margin-right:13px; }
.qcenter1 span.ic1 { background:#e2ecff url(../images/main/q_ic1_1.png) center center no-repeat; }
.qcenter1 span.ic2 { background:#e2ecff url(../images/main/q_ic1_2.png) center center no-repeat; }
.qcenter1 span.ic3 { background:#e2ecff url(../images/main/q_ic1_3.png) center center no-repeat; }
.qcenter1 span.ic4 { background:#e2ecff url(../images/main/q_ic1_4.png) center center no-repeat; }

.qcenter2 span.ic1 { background:#e2ecff url(../images/main/q_ic2_1.png) center center no-repeat; }
.qcenter2 span.ic2 { background:#e2ecff url(../images/main/q_ic2_2.png) center center no-repeat; }
.qcenter2 span.ic3 { background:#e2ecff url(../images/main/q_ic2_3.png) center center no-repeat; }
.qcenter2 span.ic4 { background:#e2ecff url(../images/main/q_ic2_4.png) center center no-repeat; }

.sl_box .qbox li { position:absolute; top:68px; }
.sl_box .qbox li.prev_ic { left:0; }
.sl_box .qbox li.next_ic { right:0; }
.sl_box .qbox li a { display:block; width:33px; height:33px; text-indent:-99999px; border-radius:50%; box-shadow:0px 0px 7px rgba(0,61,108,0.15); }
.sl_box .qbox li.prev_ic a { background:#fff url(../images/main/p_bt1.png) center center no-repeat; }
.sl_box .qbox li.next_ic a { background:#fff url(../images/main/p_bt2.png) center center no-repeat; }

/*학년별자료실*/
.ban_cont { float:left; margin:0 0 0 40px; width:318px; height:auto; opacity:0; }
.ban_cont li.ic2 { margin:22px 0 21px; }
.ban_cont li a { display:flex;  box-sizing:border-box; height:70px; line-height:64px; align-items:center; position:relative; padding:0 60px 0 0px; width:100%; font-family: 'S-CoreDream-5Medium'; font-size:18px; color:#333; letter-spacing:-0.5px; transition:0.4s; }
.ban_cont li.ic1 a { background:#c1defe; border:3px solid #c1defe;}
.ban_cont li.ic2 a { background:#cfdeff; border:3px solid #cfdeff;}
.ban_cont li.ic3 a { background:#d2edf6; border:3px solid #d2edf6;}

.ban_cont li a:before { content:""; display:block; width:24px; height:24px; background:#e8f1ff url(../images/main/p_bt2.png) center center no-repeat; transition:0.4s; position:absolute; right:30px; top:calc(50% - 12px); border-radius:50%; }
.ban_cont li a:hover { background:#fff; }
.ban_cont li a span { display:block; width:80px; height:64px; }
.ban_cont li.ic1 a span { background:url(../images/main/b_ic1.png) center center no-repeat;  }
.ban_cont li.ic2 a span { background:url(../images/main/b_ic2.png) center center no-repeat; }
.ban_cont li.ic3 a span { background:url(../images/main/b_ic3.png) center center no-repeat; }


/*이달의식단*/
.food { float:right; width:461px; height:auto; opacity:0; }
.food h3 { height:54px; box-sizing:border-box; position:relative; font-family: "GmarketSansBold"; padding:3px 0 0;}
.food h3:before { content:""; display:block; width:calc(100% - 198px); height:1px; box-sizing:border-box; border-bottom:1px dashed #d1d1d1; position:absolute; right:56px; top:11px; }
.food h3 a { font-size:25px; color:#333; }

.food .more { position:absolute; right:14px; top:0; }
.food .more a { display:block; width:23px; height:22px; text-indent:-99999px; background:url(../images/main/f_more.png) center center no-repeat; }

.food .bgbox { width:100%; box-sizing:border-box; height:200px; padding:18px 171px 0 22px; background:#f6ede7 url(../images/main/f_bg.png) right 14px bottom 16px no-repeat; }
.food .bgbox .f_today { width:145px; height:32px; text-align:center; box-sizing:border-box; padding-top:2px; line-height:32px; border-radius:150px; color:#fff; background:#184490; font-size:16px; margin:0 auto 12px; font-family: "GmarketSansMedium"; }

.food .bgbox .ftxt { width:100%; height:124px; background:#fff; border-radius:5px; box-sizing:border-box; padding:19px 17px 0; }
.food .bgbox .ftxt a { display:block; width:100%; overflow:hidden; font-size:14px; font-family: 'S-CoreDream-3Light'; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
	color:#333;
    line-height: 22px;
    height: 88px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.food .bgbox .ftxt a:hover { font-weight:bold; }


/*배너모음*/
#banner {margin:64px 0 33px; height:57px;  float:left; position:relative; width:100%; box-sizing:border-box;  }
#banner h3 { float:left; font-size:25px; color:#333; font-family: "GmarketSansMedium"; font-weight:normal; box-sizing:border-box; padding:17px 0 0;}
#banner h3 span { font-family: "GmarketSansBold"; }
#banner .btbox { position:absolute; right:0; top:0px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:135px; text-align:center; height:57px; border:1px solid #b7b7b7; background:#fff; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:16px; }
#banner .main_btn li.bbtn02 { margin:18px 23px 0; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:14px; height:24px;  }
#banner .main_btn li.bbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:url(../images/main/b_bt2.png) center center no-repeat; width:10px; height:21px;}
#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }

#banner .btbox .more { float:left; }
#banner .btbox .more a { display:block; width:58px; height:57px; border:1px solid #b7b7b7; border-left:0 none; text-indent:-99999px; background:#fff url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:145px; top:0px; width:1060px;height:57px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 20px 0px 0; width:192px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:57px; box-sizing:border-box; border:1px #b7b7b7 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:55px; }









/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:1412px) {
.default_layout { width:100%; }

#section2 .default_layout { padding:148px 0 130px; opacity:1;}

/*공지사항 type1*/
.noticeGroup{ width:60%; height:368px; }
.noticeGroup .ntitle { margin:0 0 15px 0; width:100%; }
.noticeGroup h3 {float:left; font-size:18px; font-weight:normal; padding:0 17px 0 28px; background:url(../images/main/nline.png) left 2px no-repeat; margin-top:6px; }
.noticeGroup div.tabcontent {top:90px;}

.popupZone { width:37%; margin-top:32px; }

/*아이콘바로가기*/
.quick_cont { float:right; width:calc(100% - 580px); height:257px; }

#section3 #container { padding:140px 0 0px; }

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

/*링크영역*/
.l_cont { float:right; height:auto; width:37%; opacity:1;}

/*사용자별 서비스*/
.tquickbox { width:50%; height:auto; clear:both; opacity:1;}

/*학년별자료실*/
.ban_cont { float:left; margin:0 1% 0; width:23%; opacity:1;}

/*이달의식단*/
.food { float:right; width:25%; height:auto; opacity:1;}
.food .bgbox { width:100%; box-sizing:border-box; height:200px; padding:18px 22px 0 22px; background:#f6ede7; }

/*배너모음*/
div#banner_scroll {position:absolute;left:145px; top:0px; width:calc(100% - 340px);height:57px;overflow:hidden;  }


}
@media all and (max-width:1200px) {
.visual_wrap .visual_txt .txt1 { font-size:40px;   }
.visual_wrap .visual_txt .txt2 { font-size:23px; margin-top:25px; }

#section2 { overflow:hidden;}
#section2 .default_layout { padding:38px 0 30px;  }
.ban_cont li a { font-size:16px; padding:0 40px 0 0;}
.ban_cont li a:before { right:15px;  }

.full_quick { left:20px; }
.full_top { right:30px; }

}

@media all and (max-width:1024px) {
.slide-in-right {
	-webkit-animation: none !important;
	        animation: none !important;
}
.slide-in-left {
	-webkit-animation: none !important;
	        animation: none !important;
}
.slide-in-bottom {
	-webkit-animation: none !important;
	        animation: none !important;
}
#section2 .default_layout.en_effect { -webkit-animation: none !important;
	        animation: none !important; }

/*레이어 알람*/
#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; }

.fp-section,
.fp-tableCell { height:auto !important; }

.full_quick { display:none; }
.full_top { display:none; }
.visual_wrap .sc_box { display:none !important; }
.visual_wrap .rangebox { display:none !important; }
#container {width:100%; margin:20px auto; min-height:100%;}

/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0;}
.visual_wrap .visual_txt { }
.visual_wrap .visual_txt .txt1 { font-size:30px;   }
.visual_wrap .visual_txt .txt2 { font-size:18px; margin-top:15px; }

.visual_wrap .slick-slide { width:100%; height:auto; min-height:220px; position:relative; }
.visual_wrap .slick-slide div { height:auto;  }
.visual_wrap .slick-slide img { display:block; width:100%; min-height:220px;  }

.visual_wrap .slick-dots { bottom:30px; }

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

#section2 { margin-top:-10px; }

/*공지사항*/
.noticeGroup{ height:388px; }

.noticeGroup h3 {float:left; font-size:16px; font-weight:normal; padding:0 0px 0 15px; width:24%; box-sizing:border-box;  margin-top:6px; text-align:center; letter-spacing:-0.5px; }
.noticeGroup h3.btn1 { padding:0 0px 0 0; background:none; }
.noticeGroup h3.btn2 { width:43%; }
.noticeGroup h3.btn3 { width:32%;}
.noticeGroup h3 span { display:block; margin:0px auto 0; }
.noticeGroup h3 a { color:#666; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#075097; font-family: "GmarketSansBold";}
.noticeGroup .on_check .btn span { background-color:#075097; }
.noticeGroup div.tabcontent {top:110px; width:100%; padding:33px 15px 0; box-sizing:border-box;}
.noticeGroup div ul { }
.noticeGroup div ul li { font-size:16px; }
.noticeGroup div ul li a {float:left; width:65%;padding:0 0 0 22px; }
.noticeGroup div ul li span { font-size:14px; }

/*퀵메뉴*/
.quick_cont { padding:0 15px 0; border-radius: 10px; height:auto; }
#quick_slick { margin: 30px 58px 0 58px; }
#quick_slick .slick-slide { }

#section3 #container { padding:20px 0 0; }

/*링크*/
.l_cont { padding:20px 0; }

/*학생학부모*/
.tquickbox .titlebox ul { width:100%; }
.tquickbox .titlebox ul li { width:50%; text-align:center; }

/*학년별자료실*/
.ban_cont { padding-bottom:12px; }


/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner h3 { padding:13px 3% 0 3%; float:none; }
#banner .btbox { right:3%; top:0;}
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:auto; text-align:center; height:45px; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:0px; height:45px; width:40px; }
#banner .main_btn li.bbtn02 { margin:0px 0px 0 !important; }
#banner .main_btn li a { width:100% !important; height:45px !important; }
#banner .btbox .more { float:left; }
#banner .btbox .more a { display:block; width:48px; height:45px; } 

div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:25px 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%; }


}

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

/*월중행사 type1*/
.schedule {  height:auto; padding:0 0px 0 0px; clear:both; background:#fff; box-shadow:1px 1px 8px 1px rgba(0,61,108,0.1);}
.schedule .titlebox { width:100%; height:auto; position:relative; background:#92e0e0 url(../images/main/sc_bg.png) right 6px bottom no-repeat; border-radius:0 0 30px 30px; box-sizing:border-box; padding:28px 15px 28px 15px; }
.schedule .titlebox p { display:none;  }

div#schedule_scroll { height:210px; overflow-y:auto; width:94%; margin:25px 3% 15px; }

div#schedule_scroll ul#schedule_content {  }
div#schedule_scroll ul#schedule_content li { margin:0px 0 15px; width:100%; }
div#schedule_scroll ul#schedule_content li a { width:100%; height:27px; line-height:27px; padding:0 0 0 90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#333; font-family: 'S-CoreDream-3Light';  }



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

}

@media all and (max-width:721px) {
	.galleryGroup .slick-slide { margin:0 0 20px 0;  }
}

@media all and (max-width:639px) {
	.sl_box .tabcontent { height:auto; }
.slick_def .slick-slide > div {
  float: left;
  width: 100%;
  margin: 0 0px 12px 0 !important;
  text-align: center;
  height: 74px;
}

.sl_box .qbox li {
  position: absolute;
  top: calc(50% - 21px);
}

}

@media all and (max-width:550px) {
.visual_wrap .visual_txt { line-height:24px; }
.visual_wrap .visual_txt .txt1 { font-size:18px; letter-spacing:-1px; }
.visual_wrap .visual_txt .txt2 { font-size:14px; margin-top:5px; letter-spacing:0; }
.visual_wrap .slick-dots { bottom:20px; }

.l_cont ul li { width: calc(50% - 6px);}
.l_cont ul li a { font-size:16px; padding: 15px 5px 0 15px; }

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

}

@media all and (max-width:512px) {
#section2 .default_layout { padding: 38px 0 15px; }
.quick_cont::before { display:none; }
#quick_slick { margin: 20px 58px 0 58px; }
#quick_slick .slick-slide { margin:0 0 8px 0; }
#quick_slick div a .ic { height:80px; background-size:40px !important; }
#quick_slick div a .txt { font-size:16px; }
#quick_slick div a .txt br { display:none; }
.quick_cont .main_btn li { top:calc(50% - 36px); }

}


@media all and (max-width:460px) {
.visual_wrap .slick-slide { width:100%; height:auto; min-height:160px; position:relative; }
.visual_wrap .slick-slide div { height:auto;  }
.visual_wrap .slick-slide img { display:block; width:100%; min-height:160px;  }

.slick_def .slick-slide > div a { font-size:15px; }

}

@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; }	
	
}