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

body{background:#fff;}




#container {width:1250px; margin:18px auto 25px; }
#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 = */



/*메인비주얼*/
#visualbox { position:relative; max-height:425px; overflow:hidden; margin:0 auto 0; }
#visualbox:after { content:""; display:block; clear:both; }

#visualbox .vi_pic { margin:0 auto;  }

#visualbox .vi_btbox { position:absolute; text-align:center; left:0; bottom:100px; width:100%; background:rgba(0,0,0,0.5); }
#visualbox .vi_btbox li { display:inline-block; color:#fff; }
#visualbox .camera_pag_ul { text-align:center; }
#visualbox .camera_pag_ul li { float:none !important; display:inline-block; vertical-align:top; }


.visual_txt { position:absolute; right:0px; top:0; z-index:1; text-align:right; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:129px 158px 0 0; opacity:0; }
.vitxt_box.effect { opacity:1; }

.vitxt_box.effect { -webkit-animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }

.vitxt_box .img_txt { }
.vitxt_box .img_txt span { display:inline-block; vertical-align:bottom; position:relative; }
.vitxt_box .img_txt span.vi2 { margin:0px -13px 0 -11px; transform:rotate(11.5deg); top:2px; }
.vitxt_box .vtxt { position:relative; z-index:1; line-height:34px; font-size:17px; color:#333; margin:0 18px 0 0; letter-spacing:-1px; }
.vitxt_box .vtxt span { font-weight:500; }

.slick-dots { position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.slick-dots li { display:inline-block; vertical-align:middle; margin:0 7px; }
.slick-dots li button { display:block; cursor:pointer; width:11px; height:11px; border-radius:50%; background:#fff; text-indent:-99999px; border-radius:50%; border:0 none; box-shadow:0px 2px 5px rgba(0,0,0,0.15); }
.slick-dots li.slick-active button { width:15px; height:15px; }

.vitxt_box.effect .img_txt span.vi2 { -webkit-animation:rot 0.6s 1.2s both; animation:rot 0.6s 1.2s both; animation-fill-mode : forwards;}
@-webkit-keyframes rot {
	0%{
		transform:rotate(11.5deg);	
	}
	100%{
		transform:rotate(0deg);
	}
}
@keyframes rot {
	0%{
		transform:rotate(11.5deg);	
	}
	100%{
		transform:rotate(0deg);
	}
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}


/*공지사항 type1*/
.noticeGroup{ width:100%; height:348px; margin:0px 0 24px; }
.noticeGroup .noti_title { letter-spacing:-1px; position:absolute; left:0; top:0px; color:#222; font-size:25px; font-family: 'S-CoreDream-4Regular'; line-height:80px; }
.noticeGroup .noti_title:before { content:""; display:block; width:28px; height:25px; background:url(../images/main/noti_ic.png) left top no-repeat; position:absolute; right:-31px; top:4px;}
.noticeGroup h3 {float:left; height:50px; font-size:23px; line-height:50px; position:relative; letter-spacing:-0.5px; margin:15px 0 0 0px; font-weight:normal; padding:0 50px 0 40px; font-family: 'S-CoreDream-4Regular';}
.noticeGroup h3.btn1:before,
.noticeGroup h3.btn2:before,
.noticeGroup h3.btn4:before { content:"/"; display:block; color:#cccccc; font-size:23px; position:absolute; right:0; top:0px; }

.noticeGroup h3.btn1 { margin-left:274px; }
.noticeGroup h3 a {  color:#888888;  display:block; position:relative;}
.noticeGroup h3 a span { display:block; position:relative;  }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ color:#154ba5;  font-family: 'S-CoreDream-6Bold';}

.noticeGroup div.tabcontent {position:absolute;left:0; top:80px; width:100%; display:none; box-sizing:border-box; border-top:2px solid #333333; padding:0 21px; }
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li { width:100%; float:left; }
.noticeGroup div.tabcontent ul li:nth-child(even) { margin-right:40px;  }
.noticeGroup div.tabcontent ul li img { display:none !important; }

.noticeGroup div.tabcontent ul li:first-child { height:132px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ddd; float:left; width:100%; margin-bottom:13px; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:38px 0px 0 108px; }
.noticeGroup div.tabcontent ul li:first-child dl dt { font-family: 'S-CoreDream-5Medium'; line-height:22px; height:22px; width:100%; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; margin-bottom:8px;}
.noticeGroup div.tabcontent ul li:first-child dl dd { font-family: 'S-CoreDream-3Light'; color:#777; line-height:22px; height:22px; width:100%; overflow:hidden; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup div.tabcontent ul li:first-child .date { position:absolute; left:0; top:21px; width:86px; height:86px; box-sizing:border-box; text-align:center; font-size:13px; color:#fff; font-family: 'S-CoreDream-2ExtraLight'; letter-spacing:-1px; padding:18px 0 0 0; background:#23a3d9; overflow:hidden; z-index:1; }
.noticeGroup div.tabcontent ul li:first-child .date:before { content:""; display:block; width:104px; height:104px; border-radius:50%; background:#43bbed; position:absolute; right:-50px; top:-61px; z-index:-1; }
.noticeGroup div.tabcontent ul li:first-child .date .nday { position:absolute; left:0; top:42px; width:100%; color:#fff; font-family: 'S-CoreDream-7ExtraBold'; font-size:23px; }
.noticeGroup div.tabcontent ul li:first-child .date .nday span { display:none; }

.noticeGroup div.tabcontent ul li:first-child:hover dl dd { font-weight:bold; }

.noticeGroup div.tabcontent ul li:not(:first-child) { height:36px; box-sizing:border-box; padding:0 0 0 0px; width:calc(50% - 40px); position:relative;   }
.noticeGroup div.tabcontent ul li:last-child { border-bottom:0 none; }
.noticeGroup div.tabcontent ul li:not(:first-child):before { content:""; display:block; width:4px; height:4px; position:absolute; left:0px; top:17px; background:#008b7c; border-radius:50%; }

.noticeGroup div.tabcontent ul li:not(:first-child) dl { float:left; width:calc(100% - 120px); }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { position:relative; padding:0 0px 0 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:36px; font-size:16px; color:#333; font-family: 'S-CoreDream-4Regular'; box-sizing:border-box; width:100%; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child):hover dt { font-weight:bold; color:#333; }
.noticeGroup div.tabcontent ul li:not(:first-child) .date { float:right; width:90px; text-align:right; line-height:36px; font-size:15px; color:#666;  font-family: 'S-CoreDream-3Light'; }

.noticeGroup div.tabcontent p.more { position:absolute; right:0; top:-62px; }
.noticeGroup div.tabcontent p.more a { display:block; width:41px; height:41px; text-indent:-999999px; box-sizing:border-box; border:1px solid #ccc; border-radius:50%; background:#fff url(../images/main/noti_more.png) center center no-repeat; }


/*수강 및 개설운영교과*/
.ic_cont { width:720px; height:auto; }
.ic_box { float:left; width:calc((100% / 3) - 5px); }
.ic_box2 {  }

.ic_box a { display:block; width:100%; height:325px; box-sizing:border-box; padding:46px 37px 0; color:#fff; position:relative; }
.ic_box1 a { background:#1f70cd; }
.ic_box2 a { background:#6442a4; }
.ic_box3 a { background:#ee9a56; }

.ic_box a h3 { font-weight:normal; font-size:23px; font-family: 'S-CoreDream-5Medium'; margin-bottom:15px; }
.ic_box a p.ic { width:100%; height:166px; box-sizing:border-box; border-bottom:2px solid rgba(255,255,255,0.2); position:relative; }
.ic_box1 a p.ic:before { content:""; display:block; width:130px; height:135px; position:absolute; right:-13px; bottom:0; background:url(../images/main/ic_bg1.png) no-repeat right bottom / 95px; z-index:1; }
.ic_box2 a p.ic:before { content:""; display:block; width:155px; height:138px; position:absolute; right:2px; bottom:0; background:url(../images/main/ic_bg2.png) no-repeat right bottom / 100px; z-index:1; }
.ic_box3 a p.ic:before { content:""; display:block; width:131px; height:191px; position:absolute; right:2px; bottom:0; background:url(../images/main/ic_bg3.png) no-repeat right bottom; z-index:1; }

.ic_box1 a p.ic { background:url(../images/main/ic_bg1_1.png) 16px 34px no-repeat; }
.ic_box2 a p.ic { background:url(../images/main/ic_bg2_1.png) 17px 26px no-repeat; }
.ic_box3 a p.ic { background:url(../images/main/ic_bg3_1.png) 16px 34px no-repeat; }

.ic_box a p.more { font-size:16px; font-family: 'S-CoreDream-4Regular'; color:#fff; margin-top:20px; }
.ic_box a p.more span { display:inline-block; vertical-align:top; width:7px; height:12px; background:url(../images/main/ic_arrow.png) left top no-repeat; position:relative; top:6px; margin:0 0 0 20px; transition:all 0.4s; }
.ic_box a:hover p.more span { margin-left:30px; }


/*팝업*/
.popupZone { position:relative; margin:0 0 0 0; float:right; width:510px; height:354px; float:right; overflow:hidden;}
 
.popupZone #popbox { position:absolute !important; left:0; top:0; height:354px; width:100%; box-sizing:border-box;  }
.popupZone #popbox li { height:325px; width:100%;  top:0px !important;  overflow:hidden; box-sizing:border-box; }
.popupZone #popbox li a { display:block; width:100%; height:325px;   }
.popupZone #popbox li img { width:100%; height:325px; }
.popupZone #popbox li.no_pop {  }

.popupZone #popbox .btbox { width:177px; height:49px; border-radius:150px; box-shadow:1px 2px 3px rgba(0,0,0,0.2); position:absolute; bottom:3px; left:calc(50% - 88.5px); z-index:101; background:#fff; }
.popupZone #popbox .pageall { position:relative;  }
.popupZone #popbox .pageall { width:57px; height:40px;  margin:6px 0 0 20px; text-align:center; font-size:16px; font-family: 'S-CoreDream-5Medium'; }
.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:40px; vertical-align:middle; line-height:40px;  color:#999; margin-left:4px; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:40px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#444; text-indent:0; text-align:right; }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"1";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"2";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"3";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"4";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"5";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"6";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"7";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"8";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"9";  }
#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:14px; top:17px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p { width:9px;  float:left; margin-right:14px; }
.popupZone #popbox .control p a { display:block; width:100%; height:16px; text-indent:-999999px; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/pop_bt1.png) left top no-repeat; }
.popupZone #popbox .control p.play { width:8px;  }
.popupZone #popbox .control p.play a {  background:url(../images/main/pop_bt2.png) left top no-repeat; }
.popupZone #popbox .control p.stop a {  background:url(../images/main/pop_bt2_on.png) left top no-repeat;}
.popupZone #popbox .control p#next1 a { background:url(../images/main/pop_bt3.png) left top no-repeat;}

/*사이드바로가기*/
.quick_cont { float:left; width:88px; position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:102;  }
.quick_cont .more { width:100%; }
.quick_cont .more a { display:block; width:100%; height:88px; text-indent:-999999px; border-radius:50%; background:#444444; position:relative; }
.quick_cont .more a:before { content:""; display:block; width:22px; height:22px; background:url(../images/main/q_more_on.png) center center no-repeat; position:absolute; left:calc(50% - 11px); top:calc(50% - 11px); transition:background 0.4s, left 0.4s, top 0.4s, width 0.4s, height 0.4s; }
.quick_cont .q_off a:before { width:31px; height:31px; background:url(../images/main/q_more.png) center center no-repeat; left:calc(50% - 15px); top:calc(50% - 15px); transform:rotate(180deg); }

.quick_cont ul { width:100%; border-radius:150px; height:auto; opacity:1; background:#444; margin-bottom:10px; transition:height 0.4s, opacity 0.4s; text-align:center; padding:12px 20px; box-sizing:border-box; }
.quick_cont ul.q_show { opacity:0; height:0; }

.quick_cont ul li { box-sizing:border-box; padding:26px 0; border-top:1px dashed rgba(221,221,221,0.3);}
.quick_cont ul li:first-child { border-top:0 none; }
.quick_cont ul li a { display:block; width:100%;  }

.quick_cont ul li.qic1 a span.ic { display:block; width:100%; height:29px; background:url(../images/main/q_ic1.png) center center no-repeat; margin-bottom:9px; }
.quick_cont ul li.qic2 a span.ic { display:block; width:100%; height:31px; background:url(../images/main/q_ic4.png) center center no-repeat; margin-bottom:7px; }
.quick_cont ul li.qic3 a span.ic { display:block; width:100%; height:31px; background:url(../images/main/q_ic3.png) center center no-repeat; margin-bottom:7px; }
.quick_cont ul li a span.txt { display:block; width:100%; font-size:14px; color:#fff; line-height:17px; letter-spacing:-1px; }
.quick_cont ul li a:hover span.txt { font-weight:bold; }


/*배너모음*/
#banner {margin:44px 0 0 0; height:65px;  float:left; position:relative; width:100%; box-sizing:border-box;  }
#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:65px; border:1px solid #d2d2d4; background:#fcfafd; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:24px; }
#banner .main_btn li.bbtn02 { margin:24px 23px 0; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:9px; height:16px;  }
#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:8px; }
#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:65px; border:1px solid #d2d2d4; border-left:0 none; text-indent:-99999px; background:#fcfafd url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:0px; top:0px; width:1035px;height:65px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 17px 0px 0; width:190px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:65px; box-sizing:border-box; border:1px #d2d2d4 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:63px; }






@media (max-width:1531px) and (min-width:1025px) {
 /*사이드수강*/
#side_sugang_list { top:152px; height:calc(100% - 152px); }

}


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

@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:20px auto 5px; min-height:100%;}

/*메인비주얼*/
#visualbox { position:relative; max-height:425px; overflow:hidden; margin:0 auto 0; }
#visualbox:after { content:""; display:block; clear:both; }

#visualbox .vi_pic {  }
#visualbox .slick-slide {  }
#visualbox .slick-slide img { width:100%; }

.visual_txt { position:static; z-index:1; text-align:center; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:25px 3%; }

.vitxt_box .img_txt { }
.vitxt_box .img_txt span { display:inline-block; vertical-align:bottom; position:relative; }
.vitxt_box .img_txt span.vi1 img { width:130px; }
.vitxt_box .img_txt span.vi2 { margin:0px -13px 0 -11px; top:2px; }
.vitxt_box .img_txt span.vi2 img { width:60px; }
.vitxt_box .img_txt span.vi3 img { width:107px; }

.vitxt_box .vtxt { font-size:13px; margin:0 0px 0 0; letter-spacing:-1px; }
.slick-dots { bottom:10px; width:100%; text-align:center; }

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

/*사이드바로가기*/
.quick_cont { float:left; width:94%; margin:0 3% 10px; position:static; transform:none; z-index:1;  }
.quick_cont .more { width:100%; display:none; }

.quick_cont ul { width:100%; border-radius:10px; height:auto !important; opacity:1 !important; background:#444; margin-bottom:0px; padding:0px 0px; box-sizing:border-box; }
.quick_cont ul:after { content:""; display:block; clear:both; }
.quick_cont ul li { float:left; border-top:0 none !important; width:33%; padding:18px 0;}
.quick_cont ul li br { display:none; }

/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner .btbox { position:static; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:auto; text-align:center; height:45px; margin-left:3%; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:0px; height:43px; width:40px; }
#banner .main_btn li.bbtn02 { margin:0px 0px 0 !important; }
#banner .main_btn li a { width:100% !important; height:43px; }
#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:20px 3% 0; }
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*/
.noticeGroup{ width:94%; height:488px; }
.noticeGroup .noti_title { letter-spacing:-1px; position:relative; display:inline-block; left:0; top:0px; color:#222; font-size:20px; line-height:50px; padding-right:8px; }
.noticeGroup h3 {  font-size:16px;   margin:3px 0 0 0px; font-weight:normal; padding:0 0px 0 0px; width:25%; text-align:center; }
.noticeGroup h3:before { display:none !important; }

.noticeGroup h3.btn1 { margin-left:0px; }

.noticeGroup div.tabcontent {position:absolute;left:0; top:120px; width:100%; display:none; box-sizing:border-box; border-top:2px solid #333333; padding:0 0px; }
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li { width:100%; float:left; }
.noticeGroup div.tabcontent ul li:nth-child(even) { margin-right:20px; }
.noticeGroup div.tabcontent ul li img { display:none !important; }

.noticeGroup div.tabcontent ul li:first-child { height:132px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ddd; float:left; width:100%; margin-bottom:13px; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:38px 0px 0 85px; }
.noticeGroup div.tabcontent ul li:first-child .date { position:absolute; left:0; top:21px; width:66px; height:86px; box-sizing:border-box; text-align:center; font-size:13px; color:#fff; font-family: 'S-CoreDream-2ExtraLight'; letter-spacing:-1px; padding:18px 0 0 0; background:#23a3d9; overflow:hidden; z-index:1; }

.noticeGroup div.tabcontent ul li:not(:first-child) { height:36px; box-sizing:border-box; padding:0 0 0 0px; width:100%; position:relative;  }

.noticeGroup div.tabcontent p.more { position:absolute; right:0; top:-116px; }



/*바로가기*/
.ic_box { float:left; width:100%; }
.ic_box2 { float:right; margin-top:20px; }
.ic_box a { padding:46px 20px 0; }


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

}

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



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

}


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