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

body{ }

#container {width:1300px; margin:0px auto; }
#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 { }


/*번역*/
.translation-links li.ru_on { display:none; }

/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; background:#fff;} /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { width:100%; height:836px; position:relative; text-align:center; overflow:hidden; transition:all 0.4s; }
.visual_wrap .vi_logo { position:absolute; left:calc(50% - 58.5px); top:calc(50% - 44px); z-index:2; }
.visual_txt { position:absolute; left:128px; top:150px; text-shadow:2px 3px 4px rgba(0,0,0,0.5); z-index:2; line-height:64px; text-align:left; -webkit-animation: tracking-in-contract-bck-top 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract-bck-top 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
.visual_txt .vis_t1 { font-size:35px; color:#fff; font-family: 'S-CoreDream-4Regular'; }
.visual_txt .vis_t1 span { font-size:41px; font-family: 'S-CoreDream-6Bold'; }
.visual_txt .vis_t2 {  font-size:42px; font-family: 'S-CoreDream-6Bold'; color:#fff; margin:14px 0 0 211px; }

.slick-dots { position:absolute; left:50%; transform:translateX(-50%); bottom:43px; height:14px; }
.slick-dots li { display:inline-block; margin:0 5px; }
.slick-dots li p { text-indent:-99999px; width:13px; height:14px; border-radius:50%; background:#fff; cursor:pointer; }

.slick-dots li.slick-active p { width:50px; border-radius:150px; }


.vi_content .slick-slide div { height:836px; position:relative; }
.visual_wrap video#vid2 { position:relative; margin-top:-120px; z-index: -1;
    width: 100vw;
    position: absolute; left:0; top:0; }
	
.visual_wrap video#vid { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute; }	
	
	
@media screen and (max-aspect-ratio: 16/9) {
   .visual_wrap video#vid2 {
       width: auto;
       height: 100%;
	   margin-top:0;
    }
}
.visual_wrap .vbtn02 { position:absolute; z-index:2; left:calc(50% + 46px); bottom:38px; }
.visual_wrap .vbtn02 a { display:block; width:28px; height:28px; text-indent:-999999px; background:#fff url(../images/main/v_stop.png) center center no-repeat; border-radius:50%; }
.visual_wrap .vbtn02.v_stop a { background:#fff url(../images/main/v_play.png) center center no-repeat; }
@-webkit-keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
            transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
            transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

#main_cont1 { position:relative; overflow:hidden; }
#side_cont { position:absolute; right:0; top:0; background:#dcece7; z-index:3; width:649px; height:836px; transition:all 0.4s; box-sizing:border-box; padding:24px 61px 0; }
#side_cont.side_off { right:-649px; }
#side_cont .arrow_btn { position:absolute; width:45px; top:calc(50% - 49px); left:-45px; }
#side_cont .arrow_btn a { display:block; width:100%; height:98px; border-radius:49px 0 0 49px; background:#dcece7 url(../images/main/side_on.png) center center no-repeat; text-indent:-99999px; }
#side_cont .arrow_btn a.sidebtn_off { background:#dcece7 url(../images/main/side_off.png) center center no-repeat; }

#side_cont .translation-links { margin-bottom:17px; }
#side_cont .translation-links:after { content:""; display:block; clear:both; }
#side_cont .translation-links li { float:right; }
#side_cont .translation-links li a { display:block; width:145px; height:37px; border-radius:150px; background:#fff; overflow:hidden; line-height:37px; box-sizing:border-box; position:relative; padding:0 55px 0 20px; text-transform:uppercase; font-size:15px; color:#444; font-family: 'S-CoreDream-5Medium'; letter-spacing:-1px; }
#side_cont .translation-links li a span.wbtn { position:absolute; right:0; top:0; width:55px; border-radius:150px; background:#eaeaea; text-align:center; color:#959494; }
#side_cont .translation-links li.ru_on a span.wbtn { background:#f5c636; color:#fff; }

/*학과소개*/
.job_link { }
.job_link:after { content:""; display:block; clear:both; }
.job_link li { float:left; width:25%; }
.job_link li.ic2,
.job_link li.ic5 {  }

.job_link li a { display:block; width:100%; background:#eff9f9; height:151px; box-sizing:border-box; text-align:center; position:relative; overflow:hidden; }
.job_link li.ic1 a,
.job_link li.ic3 a,
.job_link li.ic4 a,
.job_link li.ic6 a { background:#fff; }

.job_link li a span.ic { display:block; width:100%; height:105px; position:relative; top:0; transition:all 0.4s; }
.job_link li a:hover span.ic { top:-10px; }
.job_link li a span.txt { font-size:14px; color:#333; font-family: 'S-CoreDream-4Regular'; }

.job_link li.ic1 a span.ic { background:url(../images/main/job_ic1.png) center 42px no-repeat; }
.job_link li.ic2 a span.ic { background:url(../images/main/job_ic2.png) center 36px no-repeat; }
.job_link li.ic3 a span.ic { background:url(../images/main/job_ic3.png) center 39px no-repeat; }
.job_link li.ic4 a span.ic { background:url(../images/main/job_ic4.png) center 32px no-repeat; }
.job_link li.ic5 a span.ic { background:url(../images/main/job_ic6.png) center 43px no-repeat; }
.job_link li.ic6 a span.ic { background:url(../images/main/job_ic5.png) center 32px no-repeat; }
.job_link li.ic7 a span.ic { background:url(../images/main/job_ic7.png) center 47px no-repeat; }

.job_link li.ic0 { height:151px; box-sizing:border-box; background:#eff9f9 url(../images/main/qr.png) no-repeat center center; text-indent:-99999px; }

/*아이콘링크*/
.iclink { margin:34px 0 26px; }
.iclink:after { content:""; display:block; clear:both; }
.iclink li { float:left; width:33.3%; }
.iclink li.ic2 { width:33.4%; }

.iclink li a { display:block; width:100%; height:175px; position:relative; overflow:hidden; background:#00664f url(../images/main/ic_pat.png) center top no-repeat;  }

.iclink li a span { position:relative; z-index:1; }
.iclink li .ic { display:block; width:100%; height:110px; position:relative; top:0; transition:all 0.4s; }
.iclink li a:hover .ic { top:-10px; }
.iclink li.ic1 .ic { background:url(../images/main/nside_ic1.png) center 38px no-repeat; }
.iclink li.ic2 .ic {  background:url(../images/main/side_ic2.png) center 58px no-repeat; }
.iclink li.ic3 .ic { background:url(../images/main/side_ic3.png) center 61px no-repeat; }
.iclink li .txt { font-size:16px; color:#fff; font-family: 'S-CoreDream-5Medium'; line-height:24px; display:block; text-align:center;  }

/*학생학부모바로가기*/
.main_student { position:relative; padding:34px 0 0 0; }
.main_student dt { width:110px; position:absolute; left:0; top:0px; transition:all 0.4s; }
.main_student dt.tep1 { left:0; }
.main_student dt.tep2 { left:112px; }
.main_student dt.tep3 { left:224px; }
.main_student dt a { display:block; width:100%; height:42px; line-height:34px; text-align:center; background:#b4d7ce; color:#276755; font-size:15px; font-family: 'S-CoreDream-3Light'; border-radius:8px 8px 0 0; }

.main_student dt.on { top:-8px; }
.main_student dt.on a { background:#3d9b84; line-height:42px; color:#fff; font-family: 'S-CoreDream-5Medium'; }
.main_student dt.on a span { display:inline-block; vertical-align:top; position:relative; top:17px; width:0; height:0; border-left:5px solid transparent; border-right:6px solid transparent; border-top:9px solid #fff; margin-left:8px; }


.main_student dd { display:none; position:relative; z-index:1; width:100%; height:143px; background:#fff; box-sizing:border-box; border:1px solid #dddddd; }
.main_student dd.first { display:block;}

.main_student dd ul {  width:100%; }
.main_student dd ul:after { content:""; display:block; clear:both; }
.main_student dd ul li{ float:left; width:50%; }
.main_student dd ul li a { display:block; width:100%; height:70px;  box-sizing:border-box; line-height:70px; padding:0 64px 0 22px; position:relative; font-size:14px; font-family: 'S-CoreDream-3Light'; color:#333; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_student dd ul li a:hover { font-family: 'S-CoreDream-4Regular'; }
.main_student dd ul li:nth-child(1) a,
.main_student dd ul li:nth-child(2) a { height:71px; border-bottom:1px solid #ddd; }
.main_student dd ul li:nth-child(odd) a { border-right:1px solid #ddd; }

.main_student dd ul li a span { display:block; width:34px; height:25px; position:absolute; right:20px; top:23px; background:url(../images/main/tep_arrow.png) left top no-repeat; transition:all 0.4s; }
.main_student dd ul li a:hover span { right:15px; }


#main_cont2 { position:relative; }

/*공지사항 type1*/
.noticeGroup{ width:100%; margin-bottom:30px;}
.noticeGroup .noti_title { box-sizing:border-box; padding:31px 0 0; height:84px; line-height:39px; font-size:30px; font-family: 'S-CoreDream-7ExtraBold'; color:#222; text-transform:uppercase; float:left; width:100%; }

.noticeGroup .notibox { float:left; width:310px; height:268px; background:#f2f6ef; box-sizing:border-box; padding:0 34px; position:relative; margin-right:20px; }
.noticeGroup .notibox2 { width:310px; background:#fff; padding:0 44px; }
.noticeGroup .notibox4 {margin-right:0; background:#fff; padding: 0 40px;}
.noticeGroup .notibox h3 { padding-top:32px; height:79px; box-sizing:border-box; font-size:20px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; }
.noticeGroup .notibox h3 span { color:#3a9ee4; margin-left:4px; }
.noticeGroup .notibox .more { position:absolute; right:34px; top:35px; }
.noticeGroup .notibox2 .more { right:43px; }

.noticeGroup .notibox .more a { display:block; width:17px; height:17px; text-indent:-99999px; }
.noticeGroup .notibox .more a:before { content:""; display:block; width:100%; height:3px; background:#333; position:absolute; left:0; top:7px; }
.noticeGroup .notibox .more a:after { content:""; display:block; width:3px; height:100%; background:#333; position:absolute; left:7px; top:0; }

.noticeGroup .notibox img { display:none; }
.noticeGroup .notibox ul { }
.noticeGroup .notibox ul li { margin-bottom:13px; width:100%; }
.noticeGroup .notibox ul li a { display:block; width:100%; height:71px; box-sizing:border-box; }
.noticeGroup .notibox ul li a:after { content:""; display:block; clear:both; }
.noticeGroup .notibox ul li a .noti_date { float:left; width:71px; height:71px; background:#fff; border-radius:15px 0 15px 0; position:relative; text-align:center; font-size:19px; color:#444; font-family: 'S-CoreDream-6Bold'; box-sizing:border-box; padding-top:24px; letter-spacing:-0.5px; }

.noticeGroup .notibox2 ul li a .noti_date { background:#f7f7f4; }
.noticeGroup .notibox4 ul li a .noti_date { background:#f7f7f4; }
.noticeGroup .notibox ul li a .txt { margin-top:7px; font-family: 'S-CoreDream-4Regular'; letter-spacing:-1px; float:right; width:calc(100% - 87px); /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
	overflow:hidden;
	font-size:16px; color:#333;
    line-height: 28px;
    height: 56px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.noticeGroup .notibox ul li a:hover .txt { font-weight:bold; }




/*월중행사 type1*/
.sch_cont { width:310px; height:342px; }
.sch_cont h3 { width:calc(100% - 166px); height:60px; line-height:60px; font-size:23px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; }

.ru_style .sch_cont h3 { line-height:24px; letter-spacing:-1px; }

.sch_cont .main_btn { position:absolute; right:3px; top:13px; }
.sch_cont .main_btn:after { content:""; display:block; clear:both; }
.sch_cont .main_btn li { float:left; display:inline-block; margin-left:7px; }
.sch_cont .main_btn li a { display:block; width:34px; height:34px; border-radius:50%; box-sizing:border-box; border:1px solid #acacac; text-indent:-9999px; }
.sch_cont .main_btn li.sbtn01 a,
.sch_cont .main_btn li.jbtn01 a { background:#fff url(../images/main/s_bt1.png) center center no-repeat; }
.sch_cont .main_btn li.sbtn03 a,
.sch_cont .main_btn li.jbtn03 a { background:#fff url(../images/main/s_bt3.png) center center no-repeat; }
.sch_cont .main_btn li.sbtn02 a,
.sch_cont .main_btn li.jbtn02 a { background:#fff url(../images/main/stop.png) center center no-repeat; }
.sch_cont .main_btn li.sbtn02.s_stop a,
.sch_cont .main_btn li.jbtn02.j_stop a { background:#fff url(../images/main/play.png) center center no-repeat; }
.sch_cont .main_btn li.more a { background:#fff url(../images/main/more.png) center center no-repeat; }

.sch_cont .tabcontent { width:100%; height:282px; background:#00664f; padding:30px 27px 0; box-sizing:border-box; }

#schedule_content .slick-slide { height:44px; margin-bottom:8px; border:0 none; }
#schedule_content .sch_item a { display:block; width:100%; height:44px; }
#schedule_content .sch_item a:after { content:""; display:block; clear:both; }
#schedule_content .sch_item a span { float:left; display:block; width:57px; height:44px; line-height:44px; text-align:center; background:#d4ece9; font-size:17px; color:#333; font-family: 'S-CoreDream-6Bold'; }
#schedule_content .sch_item a dl { float:right; width:calc(100% - 71px); position:relative; top:-2px; }
#schedule_content .sch_item a dl dt { width:100%; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:14px; font-family: 'S-CoreDream-4Regular'; }
#schedule_content .sch_item a dl dd { height:14px; line-height:14px; background:url(../images/main/time.png) left top no-repeat; padding:0 0 0 19px; color:#fff; font-family: 'S-CoreDream-3Light'; }

.sch_cont .tradius { overflow:hidden; border-radius:10px; border:1px solid #00a982; box-sizing:border-box; margin-top:6px; }
.sch_cont .tradius table { width:100%; border-collapse:collapse; text-align:center; }
.sch_cont .tradius table th { height:37px; box-sizing:border-box; font-size:14px; color:#fff; font-family: 'S-CoreDream-5Medium'; font-weight:normal; border-bottom:1px solid #00a982; border-right:1px solid #00a982; width:14%; word-break:break-all; }
.sch_cont .tradius table th.sunday { color:#ffcaca; width:15%; }
.sch_cont .tradius table th.saturday { border-right:0 none; color:#b4e2ff; width:15%;}
.sch_cont .tradius table td { height:37px; box-sizing:border-box; border-bottom:1px solid #00a982; border-right:1px solid #00a982;}

.sch_cont .tradius table td:last-child { border-right:0 none; }
.sch_cont .tradius table tr:last-child td { border-bottom:0 none; }

.sch_cont .tradius table td span { display:block; width:27px; height:27px; line-height:27px; border-radius:50%; color:#fff; font-size:14px; font-family: 'S-CoreDream-3Light'; margin:0 auto 0;  }
.sch_cont .tradius table td:first-child span { color:#ffcaca; }
.sch_cont .tradius table td:last-child span { color:#b4e2ff; }
.sch_cont .tradius table td.on span { color:#00664f; background:#feaa52; }

.jobschedule { margin:0 20px; }
.ru_style .jobschedule h3 { line-height:24px; letter-spacing:-1px; font-size:18px; }

#jobschedule_content .slick-slide { height:44px; margin-bottom:8px; border:0 none; }
#jobschedule_content .sch_item a { display:block; width:100%; height:44px; }
#jobschedule_content .sch_item a:after { content:""; display:block; clear:both; }
#jobschedule_content .sch_item a span { float:left; display:block; width:57px; height:44px; line-height:44px; text-align:center; background:#d4ece9; font-size:17px; color:#333; font-family: 'S-CoreDream-6Bold'; }
#jobschedule_content .sch_item a dl { float:right; width:calc(100% - 71px); position:relative; top:-2px; }
#jobschedule_content .sch_item a dl dt { width:100%; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:14px; font-family: 'S-CoreDream-4Regular'; }
#jobschedule_content .sch_item a dl dd { height:14px; line-height:14px; background:url(../images/main/time.png) left top no-repeat; padding:0 0 0 19px; color:#fff; font-family: 'S-CoreDream-3Light'; }
.jobschedule .tabcontent { background:#fff; padding:25px 22px 0;  border:5px solid #77bc8b; }

#jobschedule_content .sch_item a span {  background:#c0e0ca; }
#jobschedule_content .sch_item a dl dt { color:#333; }
#jobschedule_content .sch_item a dl dd { background:url(../images/main/time2.png) left top no-repeat; color:#555; }
.jobschedule .tradius { border:1px solid #77bc8b; }
.jobschedule .tradius table th { color:#444; border-bottom:1px solid #77bc8b; border-right:1px solid #77bc8b; }
.jobschedule .tradius table th.sunday { color:#f43a3a; }
.jobschedule .tradius table th.saturday { border-right:0 none; color:#067bde; }
.jobschedule .tradius table td { border-bottom:1px solid #77bc8b; border-right:1px solid #77bc8b;}

.jobschedule .tradius table td:last-child { border-right:0 none; }
.jobschedule .tradius table tr:last-child td { border-bottom:0 none; }

.jobschedule .tradius table td span { color:#444; }
.jobschedule .tradius table td:first-child span { color:#f43a3a; }
.jobschedule .tradius table td:last-child span { color:#067bde; }
.jobschedule .tradius table td.on span { color:#fff;  }


/*진로체험*/
.col_box  .more2 {     position: absolute;
    left: 143px;
    top: 17px; display:inline-block; width:57px; height:29px;  background:#3a9ee4; color:#fff; text-align:center; line-height:29px; border-radius:5px; }
.main_ban_cont { width:310px; height:342px; margin:0 20px; }
.main_ban_cont h3 { width:calc(100% - 170px); display:inline-block;height:60px; line-height:60px; font-size:23px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; }

.ru_style .main_ban_cont h3 { line-height:24px; letter-spacing:-1px; }

.main_ban_cont ul { width:100%; height:282px; box-sizing:border-box; border:1px solid #77bc8b; }
.main_ban_cont ul li { }
.main_ban_cont ul li a { display:block; width:100%; position:relative; height:70px; box-sizing:border-box; border-bottom:1px solid #77bc8b; }
.main_ban_cont ul li a:after { content:""; display:block; clear:both; }
.main_ban_cont ul li:last-child a { border-bottom:0 none; }

.main_ban_cont ul li a .txt { float:left; width:100%; box-sizing:border-box; padding:0 75px 0 65px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px; font-size:15px; color:#222; font-family: 'S-CoreDream-5Medium'; line-height:69px;}
.main_ban_cont ul li a:before { content:""; display:block; position:absolute; }
.main_ban_cont ul li.ic1 a:before { width:31px; height:31px; background:url(../images/main/ban_ic1.png) center center no-repeat; left:22px; top:20px; }
.main_ban_cont ul li.ic2 a:before { width:30px; height:31px; background:url(../images/main/ban_ic2.png) center center no-repeat; left:22px; top:17px; }
.main_ban_cont ul li.ic3 a:before { width:27px; height:25px; background:url(../images/main/ban_ic3.png) center center no-repeat; left:21px; top:23px; }
.main_ban_cont ul li.ic4 a:before { width:28px; height:33px; background:url(../images/main/ban_ic4.png) center center no-repeat; left:23px; top:17px; }
.main_ban_cont ul li a .more { position:absolute; font-family: 'S-CoreDream-4Regular'; display:block; text-align:center; border-radius:150px; width:53px; height:25px; line-height:25px; background:#f2f6ef; color:#4fa368; font-size:14px; right:15px; top:23px;}
.main_ban_cont ul li a:hover .more {  }
			
.main_ban_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);
  }
}

/*월중행사 type1*/
.jinbox { width:310px; height:342px; }
.jinbox h3 { width:calc(100% - 166px); height:60px; line-height:60px; font-size:23px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; }
.ru_style .jinbox h3 { line-height:24px; letter-spacing:-1px; font-size:18px; }

.jinbox .main_btn { position:absolute; right:15px; top:19px; }
.jinbox .main_btn:after { content:""; display:block; clear:both; }
.jinbox .main_btn li { float:left; display:inline-block; margin-left:20px; }
.jinbox .main_btn li a { display:block; box-sizing:border-box; text-indent:-9999px; }
.jinbox .main_btn li.jibtn01 a { background:url(../images/main/ji_bt1.png) center center no-repeat; width:21px; height:12px; margin-top:3px; }
.jinbox .main_btn li.jibtn03 a { background:url(../images/main/ji_bt3.png) center center no-repeat; width:21px; height:12px; margin-top:3px; }
.jinbox .main_btn li.jibtn02 a { background:url(../images/main/ji_bt2.png) center center no-repeat; width:12px; height:18px; }
.jinbox .main_btn li.jibtn02.ji_stop a { background:url(../images/main/ji_bt2_play.png) center center no-repeat; }
.jinbox .main_btn li.more a { background:url(../images/main/ji_more.png) center center no-repeat; width:18px; height:18px; }

.jinbox .jin_cont { width:100%; height:282px; background:#f1f1f1; box-sizing:border-box; padding:19px 15px 0; }
.jinbox .jin_cont img { display:none; }
.jinbox .jin_cont .slick-slide { border:0 none;}
.jinbox .jin_cont .slick-slide a { display:block; height:24px; line-height:24px; letter-spacing:-0.5px;}
.jinbox .jin_cont .slick-slide a:after { content:""; display:block; clear:both; }
.jinbox .jin_cont .slick-slide a span.txt { float:left; position:relative; display:block; width:calc(100% - 92px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#333; padding:0 0 0 27px; box-sizing:border-box; }
.jinbox .jin_cont .slick-slide a span.txt:before { content:""; display:block; width: 4px;
  height: 4px;
  border-radius: 50px;
background:#333333; position:absolute; left:10px; top:12px; }
.jinbox .jin_cont .slick-slide a:hover span.txt { font-weight:bold; }
.jinbox .jin_cont .slick-slide a span.noti_date { float:right; font-size:13px; color:#777; font-family: 'S-CoreDream-3Light'; margin-right:12px; }
.jinbox .jin_cont .slick-current { display:none; }
.jinbox .jin_cont .jin_center { width:100%; margin-bottom:13px; }
.jinbox .jin_cont .jin_center a { display:block; width:100%; border-radius:10px; height:115px; box-sizing:border-box; padding:20px 19px 0; background:#fff url(../images/main/ji_ic.png) no-repeat; background-position:right 22px bottom 15px; box-shadow:2px 2px 4px rgba(0,0,0,0.15); }
.jinbox .jin_cont .jin_center a span.txt { /* 여러 줄 자르기 추가 스타일 */
	overflow:hidden;
	font-family: 'S-CoreDream-4Regular';
	font-size:15px; color:#333;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.jinbox .jin_cont .jin_center a:hover span.txt { font-weight:bold; }
.jinbox .jin_cont .jin_center a span.noti_date { font-size:13px; color:#777; font-family: 'S-CoreDream-3Light'; margin-top:3px; }

/*동영상*/
.movie { margin:0 0 0 20px; width:310px; height:342px; overflow:hidden;}
.movie h3 { width:calc(100% - 166px);  height:60px; line-height:60px; font-size:23px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; letter-spacing:-1px; }
.ru_style .movie h3 { line-height:24px; letter-spacing:-1px; font-size:18px; }

.movie h3 a { color:#333; }
.movie h3 span { display:inline-block; vertical-align:top; width:36px; height:23px; background:#e63b53; border-radius:5px; position:relative; top:19px; margin-left:13px; }
.movie h3 span:before { content:""; display:block; width:0; height:0; border-left:9px solid #fff; border-top:5px solid transparent; border-bottom:4px solid transparent; position:absolute; left:14px; top:7px; }

.movie .more { position:absolute; right:15px; top:21px; }
.movie .more a { display:block; width:18px; height:18px; text-indent:-99999px; background:url(../images/main/mov_more.png) center top no-repeat; }

.movie .more2 { position:absolute; left:143px; top:17px; }

.movie .more2 a { display:block; width:77px; height:29px; text-indent:-99999px; background:url(../images/main/mov_more2.png) center top no-repeat; }


.ru_style .movie h3 { letter-spacing:-1px; font-size:18px; }

.movie .mov_cont { width:100%; height:282px; box-sizing:border-box; background:#fff; position:relative; border:21px solid #e7f5db; }
.movie .mov_cont img { width:100%; height:241px; position:absolute; left:0; top:0; z-index:1; }
.movie #videoContainer { width:100%; margin:0 !important; height:241px; background:#000; }
.movie .mov_cont video { width:100%; display:block; height:241px; }
.movie .mov_cont iframe { width:100%; display:block; height:241px; border:0 none; }
.movie .mov_cont a { width:100%; display:block; height:241px; border:0 none;}
.movie .mov_cont .play { position:absolute; left:50%; transform:translateX(-50%); top:91px; z-index:1; }
.movie .mov_cont .play button { display:block; width:59px; height:59px; text-indent:-99999px; cursor:pointer; background:url(../images/main/mov.png) center center no-repeat; transition:all 0.4s; border-radius:50%; border:1px solid #fff;  }
.movie .mov_cont .play button:hover { transform:rotate(360deg); }
.movie .none_vod a { display:block; width:100%; height:241px; box-sizing:border-box; padding:100px 0 0 0; background:#f9fff3; text-align:center; font-family: 'S-CoreDream-5Medium'; font-size:16px; color:#9fb58c; }

/*아이콘바로가기*/
.quick_cont { width:100%; height:67px; margin:50px 0; }
.quick_cont .main_btn li { position:absolute; display:inline-block; top:17px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn02 { right:0; }
.quick_cont .main_btn li a { display:block; width:18px; height:33px; text-indent:-99999px; }
.quick_cont .main_btn li.qbtn01 a { background:url(../images/main/q_bt1.png) center top no-repeat; }
.quick_cont .main_btn li.qbtn02 a { background:url(../images/main/q_bt2.png) center top no-repeat; }
#quick_slick { width:calc(100% - 44px); margin:0 auto 0; }
#quick_slick .qk_item { box-sizing:border-box; padding:0 20px 0 49px; position:relative; }
#quick_slick .qk_item a { display:block; width:100%; height:67px; }
#quick_slick .qk_item a:after { content:""; display:block; clear:both; }
#quick_slick .qk_item a .ic { display:block; width:67px; height:67px; border-radius:50%; position:relative; overflow:hidden; float:left; background:#f3f3f3; box-sizing:border-box; padding:5px; }
#quick_slick .qk_item a .ic:before,
#quick_slick .qk_item a .ic:after { content:""; transition:all 0.4s; display:block; width:100%; height:50%; position:absolute; left:0; }
#quick_slick .qk_item a .ic:before { top:-50%; background:#00664f; }
#quick_slick .qk_item a .ic:after { bottom:-50%; background:#f49734; }

#quick_slick .qk_item a:hover .ic:before { top:0; }
#quick_slick .qk_item a:hover .ic:after { bottom:0; }

#quick_slick .qk_item a .ic span { display:block; width:100%; height:57px; border-radius:50%; position:relative; z-index:1; }
#quick_slick .qitem1 a .ic span { background:#f3f3f3 url(../images/main/q_ic1.png) center center no-repeat; }
#quick_slick .qitem2 a .ic span { background:#f3f3f3 url(../images/main/q_ic2.png) center center no-repeat; }
#quick_slick .qitem3 a .ic span { background:#f3f3f3 url(../images/main/q_ic3.png) center center no-repeat; }
#quick_slick .qitem4 a .ic span { background:#f3f3f3 url(../images/main/q_ic4.png) center center no-repeat; }
#quick_slick .qitem5 a .ic span { background:#f3f3f3 url(../images/main/q_ic5.png) center center no-repeat; }
#quick_slick .qitem6 a .ic span { background:#f3f3f3 url(../images/main/q_ic6.png) center center no-repeat; }
#quick_slick .qitem7 a .ic span { background:#f3f3f3 url(../images/main/q_ic7.png) center center no-repeat; }
#quick_slick .qitem8 a .ic span { background:#f3f3f3 url(../images/main/q_ic8.png) center center no-repeat; }
#quick_slick .qk_item a .txt { display:block; float:right; width:calc(100% - 84px); font-size:18px; letter-spacing:-0.5px; color:#333; font-family: 'S-CoreDream-3Light'; line-height:24px; padding:23px 0 0; }
#quick_slick .qk_item a:hover .txt { font-family: 'S-CoreDream-5Medium'; }




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { background:url(../images/main/gal_pat.jpg) center top no-repeat; }

.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; background:none; padding-bottom:48px;}
.galleryGroup .titlebox { box-sizing:border-box; height:236px; text-align:center; color:#fff; padding:94px 0 0; }
.galleryGroup .titlebox p { font-family: 'S-CoreDream-4Regular'; font-size:20px; color:rgba(255,255,255,0.7); letter-spacing:-0.5px; }
.galleryGroup .titlebox p a { color:rgba(255,255,255,0.7); }
.galleryGroup .titlebox p span { font-size:25px; font-weight:700; font-family: 'GmarketSansMedium'; }
.galleryGroup .titlebox h3 { font-size:41px; font-weight:700; font-family: 'GmarketSans'; color:rgba(255,255,255,0.12); margin-top:19px;}
.galleryGroup .titlebox h3 a { color:rgba(255,255,255,0.12); }

.galleryGroup .main_btn { position:absolute; right:0; top:157px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; display:inline-block; }
.galleryGroup .main_btn li.gbtn02 { margin:0 9px; }
.galleryGroup .main_btn li a { display:block; width:38px; height:38px; border-radius:50%; text-indent:-99999px; border:2px solid #fff; box-sizing:border-box; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:url(../images/main/g_play.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:url(../images/main/g_stop.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/g_bt2.png) center center no-repeat; }


.galleryGroup #gallery_scroll { width:100%; }
.galleryGroup .slick-slide { width:402px; height:367px; margin:0 45px 0 0; box-sizing:border-box; padding:0px 0 0 0; box-shadow:0px 2px 3px rgba(0,0,0,0.22); }
.galleryGroup .slick-slide a { display:block; position:relative; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:259px; box-sizing:border-box;  overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }


.galleryGroup .slick-slide .gitem dl { height:108px; width:100%; background:#fff; box-sizing:border-box; padding:14px 34px 0; font-family: 'S-CoreDream-4Regular';}
.galleryGroup .slick-slide .gitem dl dt { line-height:24px; height:24px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; }
.galleryGroup .slick-slide .gitem dl dd.gtxt {line-height:18px; height:18px; font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:7px 0 8px; font-family: 'S-CoreDream-3Light';}
.galleryGroup .slick-slide .gitem dl dd.g_date {line-height:18px; height:18px; font-size:14px; color:#666; font-family: 'S-CoreDream-3Light';}

.galleryGroup .slick-slide .gitem:hover dl dt { font-weight:bold; }
.galleryGroup .slick-slide a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:5px solid transparent; z-index:1;  }
.galleryGroup .slick-slide a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:5px solid transparent; z-index:1; }
.galleryGroup .slick-slide a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.galleryGroup .slick-slide a:hover::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.galleryGroup .slick-slide a:hover::before { border-top-color:#77bc8b; border-right-color:#77bc8b; }
.galleryGroup .slick-slide a:hover::after {  border-bottom-color:#fddb6b; border-left-color:#fddb6b; }


 

/*팝업right:-99999px;*/
#pop_box { position:absolute; left:20px; top:-101px; z-index:2; }
.pop_on { width:81px; height:81px; border-radius:50%; box-shadow:2px 2px 3px rgba(0,0,0,0.2); }
.pop_on a { font-family: 'S-CoreDream-5Medium'; font-size:16px; color:#999; display:block; text-align:center; width:81px; height:81px; border-radius:50%; background:#f9f9f9; position:relative; z-index:1; box-sizing:border-box; padding-top:30px; overflow:hidden; }
.ru_style .pop_on a { font-size:14px; padding-top:56px; background:#3d9b84 url(../images/main/pop_ic.png) center 16px no-repeat;}
.pop_on a:before { content:""; display:block; width:200%; height:50%; background:rgba(0,0,0,0.03); position:absolute; left:-50%; bottom:-2px; z-index:-1; transform:rotate(22deg); }
.pop_on a span {  }

.popupZone { position:absolute; left:-400px; top: -158px;margin: 0;z-index:999;width: 360px;height: 251px;border: 3px solid #37937c; opacity:0; box-sizing:border-box; transition:all 0.4s;}
.popupZone:before { content:""; display:block; width:0; height:0; position:absolute; left:-22px; bottom:-3px; border-top:13px solid #37937c; border-left:9px solid transparent; border-right:10px solid #37937c; border-bottom:12px solid transparent; }
.pop_show { opacity:1; left: 130px; }
.popupZone h3{font-size:16px;height: 56px;border-bottom: 1px solid #cdcdcd;line-height: 56px;padding: 0 0 0 30px;box-sizing: border-box;color: #333; position:relative;}
.ru_style .popupZone h3 { font-size:14px; letter-spacing:-1px; }
.popupZone .main_btn{position:absolute; top:0; right:0px;}
.popupZone .main_btn li{float:left;width: 57px;height: 56px;border-left: 1px solid #cdcdcd; text-align:center;}
.popupZone .main_btn li a{font-size:0;width: 57px;height: 56px;}
.popupZone .main_btn li a img{margin:18px 0 0 0;}

div#popup_scroll { position:relative; margin:20px 29px 0; width:calc(100% - 58px);height: 155px;overflow:hidden;z-index:3;padding:0;box-sizing: border-box;}
div#popup_scroll ul#popup_contents {position:relative;float:left;width:100%;}
div#popup_scroll ul#popup_contents li {float:left;width:100%;height:31px;line-height:31px;letter-spacing:-0.5px;overflow:hidden; }
div#popup_scroll ul#popup_contents li a {float:left;width:100%;padding: 0 0 0 14px;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 14px; box-sizing:border-box; position:relative;}
div#popup_scroll ul#popup_contents li a:before { content:""; display:block; width:5px; height:5px; position:absolute; left:0; top:13px; background:#00664f; }

 

 
/*배너모음*/
#banner {margin:0px 0 0 0; height:117px;  float:left; position:relative; width:100%; box-sizing:border-box; overflow:hidden;  }
#banner .btbox { float:left; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner h3 { max-width:77px; word-break:break-all; float:left; line-height:34px; margin:40px 0 0; font-family: 'S-CoreDream-6Bold'; color:#333; font-size:20px; font-weight:normal;}
.ru_style #banner h3 { margin-top:20px; line-height:24px; }
#banner h3 a {  }
#banner h3 a span { display:inline-block; vertical-align:top; position:relative; width:14px; height:14px; background:url(../images/main/b_more.png) center top no-repeat; top:9px; margin:0 0 0 5px; }

#banner .main_btn { float:left; box-sizing:border-box; margin:49px 0 0 30px;  }
#banner .main_btn li { float:left; display:inline-block; }
#banner .main_btn li.bbtn02 { margin:1px 22px 0 22px; }
#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_play.png) center center no-repeat; width:7px; height:14px; }
#banner .main_btn li.b_stop a { background:url(../images/main/b_stop.png) center center no-repeat; }

#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more { margin-top:1px; margin-left:18px; }
#banner .main_btn li.more a { display:block; width:14px; height:14px; background:url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute; right:-53px; top:24px; width:1108px;height:65px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 53px 0px 0; width:224px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:65px; box-sizing:border-box; border:1px #d8d8d8 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:63px; }









/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:1400px) and (min-width:1025px) {
.visual_txt { left:15px; }

}

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

/*메인비주얼*/
.visual_wrap { width:100%; height:auto; position:relative; text-align:center; overflow:hidden;  }
.visual_txt { position:absolute; left:3%; top:40px; z-index:2; line-height:34px; text-align:left;  }
.visual_txt .vis_t1 { font-size:22px; }
.visual_txt .vis_t1 span { font-size:21px; }
.visual_txt .vis_t2 {  font-size:22px; margin:14px 0 0 0px; }

.slick-dots {bottom:27px;}

.vi_content .slick-slide div { height:auto; }
.visual_wrap video {  margin-top:0px; z-index: -1;
    width: 100% !important;
	 height:auto !important;
    position:relative !important; }

.visual_wrap .vbtn02 { bottom:20px; }
.vi_content .slick-slide div img { width:100%; }

/*사이드*/
#side_cont { position:relative; right:inherit !important; top:inherit !important; width:100%; height:auto; padding:24px 3%; margin-top:-7px; }
#side_cont.side_off { right:inherit !important; }
.iclink li a { background-size:cover !important; }

.main_student dt { width:33.3%; position:absolute; left:0; top:0px; transition:all 0.4s; }
.main_student dt.tep1 { left:0; }
.main_student dt.tep2 { left:33.3%; width:33.4%; }
.main_student dt.tep3 { left:66.7%; }


/*공지사항*/
.noticeGroup .notibox { float:left; width:100%; height:268px; background:#f2f6ef; box-sizing:border-box; padding:0 15px; position:relative; margin-right:0; }
.noticeGroup .notibox2 { width:100%; background:#fff; padding:0 15px; }
.noticeGroup .notibox4 { width:100%; background:#fff; padding:0 15px; }

.sch_cont h3,
.jinbox h3 { font-size:20px; }

.ru_style .sch_cont h3,
.ru_style .jinbox h3 { font-size:18px; word-break:break-all; }


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

/*아이콘바로가기*/
.quick_cont { height:auto; margin:20px 3% 30px !important;}
#quick_slick .qk_item { box-sizing:border-box; padding:0 20px 0 20px; position:relative; }
.quick_cont .main_btn li { top:50%; transform:translateY(-50%); }
#quick_slick .qk_item a .txt { height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; }

/*갤러리*/
#gal_cont { background-size:cover !important; }
.galleryGroup { width:97%; margin:0 0 20px 3% !important; padding-bottom:0;}
.galleryGroup .slick-slide { margin:0 25px 15px 0; }
.galleryGroup .main_btn { position:static; padding-right:3%; text-align:right; margin:0 0 20px; }
.galleryGroup .main_btn li { float:none; display:inline-block; vertical-align:top; text-align:left; }
.galleryGroup .titlebox {
  box-sizing: border-box;
  height: auto;
  text-align: center;
  color: #fff;
  padding: 30px 3% 30px; }

.galleryGroup .slick-slide .gitem dl { padding: 14px 15px 0; }

/*팝업right:-99999px;*/
#pop_box { position:relative; left:inherit; top:inherit; z-index:2; float:none; }
#pop_box:after { content:""; display:block; clear:both; }
.pop_on { display:none;}

.popupZone { position:relative; left:inherit !important; top:  inherit !important; margin: 0;z-index:999; width:94%; height: 251px; opacity:1; box-sizing:border-box; transition:all 0.4s;}
.popupZone:before { display:none; }



/*배너모음*/
#banner {margin:0 0 0 3%; height:auto;  background:#fff; float:left; position:relative; width:97%; box-sizing:border-box; padding:20px 0 20px;  }
#banner .btbox { float:left; clear:both; width:100%; margin-bottom:20px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner h3 { max-width:100%; word-break:break-all; float:left; line-height:34px; margin:0px 0 0; font-family: 'S-CoreDream-6Bold'; color:#333; font-size:20px; font-weight:normal;}
.ru_style #banner h3 { margin-top:0px; line-height:24px; }
#banner h3 a span { display:inline-block; vertical-align:top; position:relative; width:14px; height:14px; background:url(../images/main/b_more.png) center top no-repeat; top:9px; margin:0 0 0 5px; }

#banner .main_btn { margin: 10px 3% 0 10px; float:right; }

div#banner_scroll {position:relative; left:inherit; top:inherit; right:inherit; width:100%; height:65px;overflow:hidden; margin:20px 0 0 0; }
div#banner_scroll #banner_content .slick-slide { margin:0 3% 0 0; }

}

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

/*배너모음*/
div#banner_scroll ul#banner_content li {float:left; margin:0 0 0px 3%; width:30%; height:83px; }
div#banner_scroll #banner_content .slick-slide { margin:0 15px 0 0; }
}

@media all and (max-width:719px) {
	.galleryGroup { width:94%; margin:0 3% 20px 3% !important; padding-bottom:0;}
	.galleryGroup .main_btn { position:static; padding-right:0; text-align:right; margin:0 0 20px; }

	.galleryGroup .slick-slide { margin:0 0 15px 0; }
}

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



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

}
@media all and (max-width:560px) {
.job_link li { float:left; width:50% !important; }
.job_link li a { background:#eff9f9 !important; }
.job_link li.ic1 a,
.job_link li.ic2 a,
.job_link li.ic5 a,
.job_link li.ic6 a { background:#fff !important; }

}
@media all and (max-width:510px) {
.visual_txt { position:absolute; left:3%; top:20px; z-index:2; line-height:34px; text-align:left;  }

.visual_wrap .vi_logo { position:absolute; left:calc(50% - 68.5px); top:calc(50% - 44px); z-index:2; transform:scale(0.6); }


.visual_txt .vis_t1 { font-size:18px; }
.visual_txt .vis_t1 span { font-size:18px; }
.visual_txt .vis_t2 {  font-size:22px; margin:0px 0 0 0px; }

.iclink li { float:left; width:100% !important; }

.main_student dd { display:none; position:relative; z-index:1; width:100%; height:auto; border-bottom:0 none;}
.main_student dd.first { display:block;}

.main_student dd ul {  width:100%; }
.main_student dd ul:after { content:""; display:block; clear:both; }
.main_student dd ul li{ float:left; width:100%; }
.main_student dd ul li a { border-bottom:1px solid #ddd; }
.main_student dd ul li:nth-child(odd) a { border-right:0 none; }


}


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