@charset "utf-8";
/* CSS Document */
/* com2zoa design Kjh 231214 */
/********************************************* 공통시작 **********************************************/
/* 기본스타일 */
.italic {font-style: italic}
.bold {font-weight:600}

.col_yel {color:#ffdb4c}
.col_org {color:#f38f00}

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999px}
.blind {font-size:0; overflow:hidden; text-indent:-9999px; height:0; width:0; line-height:0}

/* ==== Layout ==== */
#wrap {width: 100%; min-width:340px; font-family:PTD}
#mainheader {position:relative; z-index:100}
#mainheader.fixed {position:fixed; top:0; left:0; width:100%; transition:all 0.7s}
.header_wrap {position:relative; width:100%; height:144px; background:#fff; font-family:NSQ}
.header_top {position: relative}
.header_top:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:65px; background:#4a82e3}

#content{position:relative}
/*.content02 {height:328px}*/

/* 상단 */
.top_menu {position:absolute; bottom:0; right:0; text-align:right}
.qmn_btn {margin-left:5px}
.qmn_btn a {display:block; text-align:center; color:#000}
.qmenu {display:flex; flex-wrap: wrap; justify-content:right}
.qmn_btn {display:flex; justify-content:center; align-items:center}
    
/* 로고 */
.logo_top {position:absolute}
.logo_top a {display:inline-block}

/** 색상 **/
.content03 {background:#fff}
.content04 {position:relative; height:414px; margin-top:30px}
.content04:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:353px; background:#e9e2fb url(../images/main/bg_album_patt.gif) no-repeat 100% 0}
.content05 {padding:0 10px}

/* ==== 비주얼 영역 ==== */ 
/* 비주얼 이미지 */
.visual {position:relative}
.visual .visual_wrap {width:100%}
.visual_wrap .visual_item > a {position: relative; display:block; box-sizing:border-box}
.visual .visual_item .v_txt {line-height:0; font-size:0}
.visual .visual_item .v_txt img {display:none}
.visual .visual_item .v_school {line-height:0; font-size:0}
.visual .visual_item.item1 {background:linear-gradient(135deg, rgba(94 223 255 / 25%), rgba(158 61 241 / 25%))}
.visual .visual_item.item2 {background:linear-gradient(135deg, rgba(1 205 198 / 20%), rgba(93 154 255 / 20%))}

/* 비주얼 블릿 */
.slick-dots {position: absolute; left:50%; top:100px; margin-left:-132px}
.slick-dots li {display:inline-block; float:left; margin-left:5px}
.slick-dots li button{display:block; width:10px; height:8px; background:#fff; border-radius:50px; cursor:pointer; box-shadow:0 1px 5px rgba(0,0,0,0.2)}
.slick-dots li button span {overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.slick-dots li.slick-active button {width:32px}

/*재생,일시정지*/
.visual_wrap .btn_visual {position: absolute;  left:50%; top:110px; margin-left:-74px}
.visual_wrap .btn_visual li{position: absolute; left:0; bottom:0}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button {width:13px; height:13px; cursor:pointer; border-radius:50% 50%; box-shadow:0 2px 5px rgba(0,0,0,0.1); font-size:0}
.visual_wrap .btn_visual button.vbtn_pause{ background:#fff url(../images/main/btn_pause.gif) no-repeat 50% 50%}
.visual_wrap .btn_visual button.vbtn_play{background:#fff url(../images/main/btn_play.gif) 60% 50% no-repeat}

.visual .slick-arrow {display:none !important}

/* Poplayer */
/*팝업레이어 노출시 컨텐츠위로 가려져서 버튼클릭 안될시에는 .popup_on{display:none}/.popup_on.active {display:block} 주면됨 */
.main_openpop .pop_tit{font-size: 17px; color:#fff; font-weight: 400}
.main_openpop .popup_on.active {display:block}
.main_openpop .popup_layer_wrap{ overflow: hidden; position: relative}
.main_openpop button{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-99999px; cursor: pointer}
.main_openpop .slick-prev,.main_openpop .slick-next{position: absolute; bottom:20px; width:12px; height:12px; z-index:1}
.main_openpop .slick-prev {left:15px; background:url(../images/main/btn_popup_prev.png) 0 0 no-repeat}
.main_openpop .slick-next {right:15px; background:url(../images/main/btn_popup_next.png) 0 0 no-repeat}
.main_openpop .popup_layer{position: relative; padding-top:14px; box-sizing: border-box}
.main_openpop .popup_imgsize{width:230px; height:239px; margin: 0 auto; border-radius: 18px;  background:#fff url(../images/main/no_popup.gif) no-repeat center center ; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); border:1px solid #ddd}
.main_openpop .popup_imgsize img{width: 230px; height:239px; border-radius:15px}
.main_openpop .popup_layer .popup_tit {display:block; margin:12px 50px}
.main_openpop .popup_layer .popup_tit a {display:block; overflow:hidden; padding:5px 0; color:#000; font-size:1.231em; font-weight:400; text-overflow:ellipsis; white-space:nowrap}
.qmu_popup a span{font-size:0}
.main_openpop .popup_on{display:none}
.main_openpop .popup_on.active {display:block}

.pop_alllst {margin:0 15px 0; background:#182c59; border-radius:5px}
.pop_alllst a {display:block; padding:5px 0 4px; color:#fff; font-size:1.077em; font-weight:600}
.pop_alllst:hover {background-color:#083293; transition:.3s}
.pop_alllst span {display:inline-block; padding:5px 18px 5px 4px; background: url(../images/main/btn_popup_more.png) no-repeat right 0 top 50%}

/* ===== 컨텐츠 공통 ====== */
#content .btn_more {position:absolute}
#content .btn_more a {display:block; text-align:center}
#content .btn_more img {vertical-align: middle; transition: all .3s ease-in-out}
#content .btn_more:hover img {transform: rotate(180deg); transition:all .3s ease-out}

/* 비주얼 컨텐츠 */
.v_conwrap {margin-bottom:20px}
.vcon_line {display:flex}

/* 비주얼퀵 vcon_box1 */
.vcon_box01 {position:relative; padding:20px; flex:2; box-sizing: border-box; background:url(../images/main/bg_result_img.gif) no-repeat 100% 100%}
.vcon_box02  {overflow:hidden; position:relative; padding:11px; flex:1; background:#1faec9;  box-sizing: border-box; text-align: center; margin:0 auto}
.vcon_top {padding:0 0 7px; /*margin-bottom:15px*/}
.vcon_top h3 {font-size:1.69em; color:#000; font-weight:700}
.vcon_top h3 span {color:#4584f2; font-size:0.82em}
.vcon_lst li {line-height:170%; padding:5px 0 5px 30px; background:url(../images/main/blt_result_ico.gif) no-repeat 0 7px; font-size:1.154em; font-weight:500; color:#222; word-break: keep-all}
.vcon_lst li .fsize_up01 {font-size:1.12em; font-weight:700; color:#000}
.vcon_lst li .col_org {font-size:1.12em; font-weight:600}
.vcon_box01 .btn_more {top:23px; left:144px}

.pass_con {display:flex; align-items: center; justify-content: center; width:100%; height:100%; text-align: center; color:#fff; font-weight:500; box-sizing: border-box; transition:.3s}
/* .pass_con .pass_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-repeat: no-repeat; z-index:0; transition:.3s ease-in-out; background-image:url(../images/main/bg_vcon_pass_n.gif); background-position:center} */
.pass_con .pass_area {position:relative; line-height:150%; z-index:1}
.pass_con .pass_area P {text-shadow:1px 2px 6px rgba(0,0,0,0.2)}
.pass_txt02 {padding:5px 0 0; font-family:GMS; font-weight:700; font-size:1.23em}
.pass_txt02 .fsize_dw01 {font-size:0.91em}
.pass_txt02 .fsize_dw01 span {font-weight:500}
.vcon_box02 .italic {animation:bold 2s infinite}

/*취업현황변경*/
.pass_con a{overflow:hidden; display: block; position:absolute; top:0; left:0; width:100%; height:100%; padding:35px 0 10px; text-align: center; color:#fff; font-size:1.385em; font-weight:500; box-sizing: border-box; transition:.3s ease-in-out}
.pass_con a .pass_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-repeat: no-repeat; z-index:0; transition:.3s ease-in-out; background-image:url(../images/main/bg_vcon_pass_n.gif); background-position:center}
.pass_area .pass_txt {text-shadow:1px 3px 4px rgba(0,0,0,0.2)}
.pass_area .pass_txt span {display:block; padding:10px 0 5px; font-family:GMS; font-weight:600; font-size:1.33em}
.pass_area .pass_go {display:block; width:42px; height:42px; line-height:42px; margin:12px auto; text-align: center; border-radius:50%; font-family:NSQ; background:#fff; color:#000; font-weight:600; animation:vcon_line3 1.7s cubic-bezier(.2,.07,.2,.3) both 1s infinite}
.pass_con a:hover .pass_area .pass_go {color:#4584f2}
.pass_con a:hover .pass_bg {transform:scale(1.1); transition:.3s ease-out}


/* 비주얼퀵 vcon_box2 */
.vcon_line02 .vcon_btn {overflow:hidden; position:relative; width:calc(100%/3)}
.vcon_btn a {display: block; width:100%; height:100%; padding:45px 0 10px; text-align: center; color:#fff; font-size:1.385em; font-weight:500; box-sizing: border-box; transition:.3s}
.vcon_btn .vcon_txt {text-shadow:1px 3px 4px rgba(0,0,0,0.2)}
.vcon_btn .vcon_txt span {display:block; padding:10px 0 5px; font-family:GMS; font-weight:600; font-size:1.33em}
.vcon_btn a .vcon_go {display:block; width:42px; height:42px; line-height:42px; margin:12px auto; text-align: center; border-radius:50%; font-family:NSQ; background:#fff; color:#000; font-weight:600}
.vcon_ai {background:#16284e}
.vcon_future {background:#9e42dc}
.vcon_doje {background:#4584f2}
.vcon_ai .vcon_go {animation:vcon_line1 1.7s cubic-bezier(.2,.07,.2,.3) both 1s infinite}
.vcon_future .vcon_go {animation:vcon_line2 1.7s cubic-bezier(.2,.07,.2,.3) both 1s infinite}
.vcon_doje .vcon_go {animation:vcon_line3 1.7s cubic-bezier(.2,.07,.2,.3) both 1s infinite}
.vcon_btn .vcon_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-repeat: no-repeat; z-index:0; transition:.3s ease-in-out}
.vcon_ai .vcon_bg {background-image:url(../images/main/bg_vcon_ai.jpg); background-position: 45% 5px}
.vcon_future .vcon_bg {background-image:url(../images/main/bg_vcon_future_n.jpg); background-position: 50% 2px}
.vcon_doje .vcon_bg {background-image:url(../images/main/bg_vcon_doje.jpg); background-position: 50% 100%}
.vcon_btn:hover .vcon_bg {transform:scale(1.1); transition:.3s ease-out}
/*.vcon_btn:hover .vcon_go {animation:vcon_line1 1s cubic-bezier(.2,.07,.19,.3) both 1s infinite}*/
.vcon_ai:hover .vcon_go {color:#37d1ff}
.vcon_future:hover .vcon_go {color:#9e42dc}
.vcon_doje:hover .vcon_go {color:#4584f2}
.vcon_area {position: relative; z-index:1}


/* 학교동영상 */
.main_video {display:block; height:122px; padding:16px 20px; background:#fff; border-radius:10px 10px 0 0; box-sizing: border-box}
.main_video .btn_video a {position:relative; display:block; min-height:105px; padding:17px 38px; background:#7dadff url(../images/main/bg_video_school.png) no-repeat 100% 100%; border-radius:10px; box-sizing: border-box}
.main_video .btn_video span {display:block; width:142px; height:26px; line-height:26px; margin-bottom:5px; text-align: center; font-size:1.231em; font-weight:600; background:#fff; border-radius:50px; color:#000}
.main_video .btn_video a:after {content:""; display: block; position:absolute; top:45px; left:245px; width:41px; height:41px; background:url(../images/main/btn_video_play.png) no-repeat 50% 50%}


/* 동영상 레이어 */
.layer_video {display:none}
.layer_video.active{display: block;}
.layer_vbg {position: fixed; top: 0;left: 0;z-index: 999;width: 100%;height: 100%; background-color: #000; opacity: 0.7}
.layer_vcon {overflow:hidden; position: fixed; top:50%; left:50%; margin:-420px 0 0 -616px; z-index: 1000; width:1213px; height: 850px;background:#fff; border-radius:30px;}
.layer_vtop {background:#4a82e3}
.layer_vtop h4 {display:block; padding:26px 20px 22px; color:#fff; font-size:2.31em; font-family:GMS}
.layer_vtop h4 span {display:inline-block; margin-bottom:4px; padding:6px 25px; background:#fff; color:#000; text-align: center; border-radius:50px; font-size:0.50em; font-family:NSQ; font-weight:500; vertical-align: middle}
.btn_vclose {position:absolute; top:0; right:0; width:70px; height:70px; background: #edf3fc url(../images/main/btn_layer_vclose.png) no-repeat 50% 50%; font-size:0; border-radius:0 0 0 30px; cursor:pointer}

.vmovie {overflow:hidden; margin:20px 20px 0; border-radius:30px}
.ytp-cued-thumbnail-overlay-image {overflow:hidden}
.vmovie iframe,
.vmovie object,
.vmovie embed {position:absolute; top:0; left:0; width:100%; height:100%; min-width:298px}
.vmovie video {position:relative; width:100%; margin:0 auto; background:#000}
.vmovie {overflow: hidden; position: relative; max-width:1150px; height:637px; margin:23px auto 0; border-radius: 30px}
.video_wrap .video_box {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.video_wrap .video_box iframe{width: 100%; height: 100%;}

.btn_freshman {padding:17px 0}
.btn_freshman p {position: relative; overflow: hidden; width:400px; margin:0 auto; background:#5e44c8; z-index:1; box-sizing: border-box; border-radius:50px; transition:.3s}
.btn_freshman p a {position: relative; display:block; font-size:1.69em; padding:26px 20px 26px 60px; z-index:2; border-radius:50px; transition: all .4s; color:#fff; font-family:GMS; font-weight:600; background:url(../images/main/blt_freshman_ico.png) no-repeat 20px 50%}
.btn_freshman p:after {content:""; display: block; width: 100%; height: 100%; position: absolute; left: -1px; top: 0; background:#311f7d; z-index:1; margin-left: -100%; transition: all .4s}
.btn_freshman p:hover a {display:block}
.btn_freshman p:hover:after {left:0; margin-left: 0}
.btn_freshman p a span {position:absolute; top:50%; right:18px; margin:-18px 0 0 0 ;display:inline-block; padding:11px 26px; background:#fff; border-radius:50px; text-align: center; color:#000; font-family:NSQ; font-size:0.68em; vertical-align: middle}

/* 학과소개 */
.main_depart {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; margin:80px 0 60px}
.main_depart > .get_depart {position:relative; display:flex; justify-content: center; align-items: center; height:290px; /*transition:all 0.8s cubic-bezier(0.6, -0.1, 0.41, 1.02) 0s;*/ flex:1}
.main_depart > .get_depart:hover {height:328px; box-shadow:1px 3px 25px rgb(0 0 0 / 40%); flex:1.5; ; transition:0.4s ease-out;  z-index:1}
/*.main_depart > .get_depart > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform:scale(1);}*/
.main_depart .dtit {font-size:24px; font-family:GMS; font-weight:700; color:#fff; text-shadow:1px 3px 8px rgb(0 0 0 / 60%)}
.main_depart .dtxt {position:relative; line-height:150%; margin-top:18px; padding:22px 15px 30px; color:#fff; font-size:1.231em; font-weight:300; word-break: keep-all; text-shadow:1px 3px 8px rgb(0 0 0 / 60%)}
.main_depart .dtxt strong {font-weight:600}
.main_depart .dtxt:after {content:""; display:block; position: absolute; top:-4px; left:50%; width:25px; height:2px; margin-left:-12px; background:#fff}

.main_depart > .get_depart.opac0 {opacity:0.75}
.main_depart > .get_depart.opac0.active{opacity:1}

.get_depart {overflow:hidden}
.get_depart a {position:relative; display:flex; width:100%; text-align: center}
.get_depart a > div {position:relative; min-height:185px; margin:0 auto; align-items: center}
.get_depart a > div span {display: block; margin:0 auto;}
.get_depart a > div span.dgo {position:absolute; bottom:0; left:50%; margin-left:-20px; width:40px; height:40px; line-height:40px; background:#fff; border-radius:50% ; text-align: center; font-weight:600; font-size:1.308em; box-shadow:1px 3px 25px 0px rgb(0 0 0 / 40%) }
.get_depart:hover .dgo {color:#fff}

.depart01:hover .dgo {background:#58c3e1}
.depart02:hover .dgo {background:#3576e4}
.depart03:hover .dgo {background:#35c8a7}
.depart04:hover .dgo {background:#8dc557}
.depart05:hover .dgo {background:#ec6f82}
.depart06:hover .dgo {background:#8760e5}
.depart01 .dbg {background-image:url(../images/main/img_depart01.jpg)}
.depart02 .dbg {background-image:url(../images/main/img_depart02_24.jpg)}
.depart03 .dbg {background-image:url(../images/main/img_depart03_24.jpg)}
.depart04 .dbg {background-image:url(../images/main/img_depart04_24.jpg)}
.depart05 .dbg {background-image:url(../images/main/img_depart05.jpg)}
.depart06 .dbg {background-image:url(../images/main/img_depart06_24.jpg); background-position:left top !important}

.get_depart .dbg {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position:50% 50%; transition:0.4s ease-in-out}
.get_depart:hover .dbg {transform:scale(1.1); transition:0.4s ease-out}

/* notice */
.notice_box {overflow:hidden; position: relative; padding:48px 3px 0}
.notice_box h3 {overflow:hidden; position: absolute; top:0; box-sizing: border-box; font-size:1.154em; font-weight:500; background:#ededed; }
.notice_box h3 a {position:relative; display: block; padding:11px 10px; box-sizing: border-box; text-align: center; color:#343434}
.notice_box h3:hover a, .notice_box h3.on > a {background:#2e2e59; transition:.3s; color:#fff}
.notice_box .noticetab01 {left:0; width:50%; border-radius:10px 0 0 10px}
.notice_box .noticetab02 {left:50%; width:50%; border-radius: 0 10px 10px 0}

.notice_box h3 span {padding:5px 30px 5px 0; background:url(../images/main/bg_notice_tit.png) no-repeat 100% 50%}

.notice_box .btn_more {top:18px; right:15px}
.notice_tb {overflow:hidden; background:#fff}
.notice_tb ul {overflow:hidden; height:195px; box-sizing:border-box}
.notice_tb li {position:relative; padding:5px 70px 5px 10px; margin-top:8px; height:30px; line-height:28px; color:#2c2c2c; font-weight:400; border:1px solid #bcbcbc; border-radius:5px;  font-size:1.077em }
.notice_tb li:first-child {margin-top:0}
.notice_tb li a {display:block; overflow:hidden; color:#000; text-overflow:ellipsis; white-space:nowrap}
.notice_tb li:hover {border-color:#a163d5; box-shadow:0 3px 4px rgba(0,0,0,0.1)}
.notice_tb li:hover a {text-decoration: underline}
.notice_tb .date {position:absolute; top:50%; right:10px; height:24px; line-height:24px; margin-top:-13px; text-align:right; font-weight:400; letter-spacing:-0.5px; color:#9b9b9b}
.noti_cate {display:inline-block; width:66px; height:22px; line-height:22px; margin-right:5px; background:#fff; border-radius: 5px; border:1px solid #dadada; text-align: center; color:#a163d5; font-weight:600; letter-spacing:-0.5px; font-size:0.935em}
.notice_tb li:hover .noti_cate {border-color:#a854ef; background:#aa68e2; color:#fff; transition:.3s}

/* 행사 */
#main_calendar {margin-bottom:20px}
.cal_wrap {position:relative; box-sizing: border-box; box-shadow:0 3px 7px rgba(0,0,0,0.2)}
.cal_wrap .caltop {position:relative; overflow:hidden}
.cal_wrap .tit {display:block; padding:20px 15px 8px; margin-bottom:10px}
.cal_wrap .tit span {padding:5px 10px 5px 34px; background:url(../images/main/blt_cal_tit.png) no-repeat 0 50%; font-size:1.231em}
.cal_wrap .btn_more {top:16px; left:111px; background:#b3b3b3; width:21px; height:21px; line-height:21px; text-align: center; border-radius:50% 50% }

.cal_date {position:relative; padding:6px 10px;  background:#fff; border-radius:50px; text-align: center; font-weight:500; color:#000; font-size:1.077em; box-shadow:0 3px 0 rgba(0,0,0,0.1)}
.cal_area {position:relative; overflow:hidden;  padding:0 18px 15px}
.cal_wrap .cal_area .bx-viewport {height:130px !important}
.calarea_date {position:absolute; top:0; right:0; display:block; width:146px; height:44px; margin:0; padding:8px 17px 8px 0; font-weight:400; color:#003f4a; background:#1cb0cb; font-size:1.308em; text-align:right; box-sizing: border-box; font-weight:700;}
.calarea_date:after {content:""; display:block; position:absolute; top:0; left:0; width:0; height:0; border-bottom:44px solid #fff; border-right:30px solid transparent; border-left:0 solid transparent}
.calarea_date .cal_month {display:inline-block;  font-size:1.53em; color:#fff; font-weight:700}
.calarea_date .cal_month span {font-size:0.65em}

.date_lst {overflow:hidden; height:134px; box-sizing: border-box}
.cal_list li {display:block; height:44px; line-height:44px; box-sizing: border-box; border-bottom:1px solid #dbdbdb}
.cal_list li:first-child {border-top:0}
.cal_list li a {overflow:hidden; display:block; width:90%; text-overflow:ellipsis; white-space:nowrap; color:#1c1c1c; font-weight:400; font-size:1.077em} 
.cal_list li .date {position:relative; padding:0 5px 0 12px; margin:0 5px; font-size:1.071em; font-weight:600; color:#000; text-align: center; background:url(../images/main/blt_cal_lst.png) no-repeat 0 50%; transition: .3s ease-in-out}
.cal_list li:hover .date {background-image:url(../images/main/blt_cal_lston.png)}
.cal_area .btn_cal {margin-top:5px; background:#ededed}
.cal_area .btn_cal li {float:left; width:33.3%; height:28px; line-height:28px; text-align:center; border-left:1px solid rgba(255,255,255,0.8); box-sizing:border-box}
.cal_area .btn_cal li a {display:block}
.cal_area .btn_cal li:hover {transition:.3s}
.cal_area .btn_cal li img {vertical-align: middle}
.cal_area .btn_cal li:first-child a {border:0}

/* 오늘의 식단 */
.food_wrap {position: relative}
.food_wrap .btn_more {top:1px; right:0; background:#f8ae2f; width:21px; height:21px; line-height:21px; text-align: center; border-radius:50% 50% }
.foodtop .tit {padding-bottom:6px; font-size:1.231em}
.foodtop .tit span {display:inline-block; padding:5px 10px 5px 34px; background:url(../images/main/blt_food_tit.png) no-repeat 0 50%}
.food_area {padding:10px 10px 0; border:3px solid #f8ae2f}

.food_date {display:block; padding:8px 0; background:#eee; text-align: center; flex:none; font-size:1.231em; font-weight:800; color:#000}
.food_date span {display:inline-block; font-size:0.81em; font-weight:500}
.food_txt {margin-bottom:15px}
.food_txt a {display:block; overflow:hidden; line-height:130%; padding:15px 3px 0; font-size:1.077em; text-overflow: ellipsis; white-space:normal; height:50px; font-weight:400; box-sizing: border-box}

/* album */
.album_top {text-align: center}
.album_top .tit {position:relative; padding:30px 0 64px; font-family:GMS; font-size:1.538em; font-weight:600}
.album_top .tit:after {content:""; display:block; position:absolute; top:58px; left:50%; width:42px; height:3px; background:#5656c3; margin-left:-21px}
.album_top .tit span {color:#5656c3}
.album_wrap .btn_more {top:29px; left:50%; margin-left:60px}
.album_wrap .btns {position:absolute; top:75px; left:50%; margin-left:-47px}
.album_wrap .btns li {float:left; width:33.3%; text-align:center}
.album_wrap .btns li a  {display:block; width:28px; height:28px; line-height:26px; margin:0 2px; background:#fff;  border-radius:50% 50%; text-align: center}
.album_wrap .btns li img {vertical-align: middle}

.photo_area {overflow:hidden; height:340px}
.album_wrap .photo {position:relative; overflow:hidden; width:234px; height:200px; margin:0 auto; z-index:1; box-shadow:0 3px 6px rgba(0,0,0,0.2)}
.album_wrap .photo a {display:block; width:234px; height:200px; background:#efefef url(../images/main/bg_noimg.png) no-repeat 50% 50%; transition: .3s ease-in-out; box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.album_wrap .photo_item img {max-width:234px; height:200px; margin: 0 auto}
.album_wrap .photo_item {width:232px; height:340px; margin:0 auto}
.album_wrap .photo_item .photo_box {position:relative; width:289px; height:330px; margin: 0 auto; }
.album_wrap .photo_txt {width:289px; height:227px; margin-top:-98px; padding:120px 30px 25px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.1); box-sizing: border-box}
.album_wrap .photo_txt .txt {color:#fff; box-sizing: border-box; z-index:10}
.album_wrap .photo_txt .txt a {overflow:hidden; position:relative; display:block;margin-bottom:15px;  line-height:130%; height:44px; text-overflow:ellipsis; white-space:normal; font-size:1.385em; font-weight:500; word-break: keep-all}

.album_wrap .photo a:before {content:""; display:block; position:absolute; bottom:0; left:0; width:234px; height:0; background:rgba(0,0,0,0.6); background-position:50% 50%}
.album_wrap .photo_box:hover .photo a:before {bottom:0; height:200px; transition:ease-in-out .3s; background:rgba(0,0,0,0.6) url(../images/main/bg_view_ico.png) no-repeat 50% 50%; transform:scale(0.85)}
.album_wrap .photo_box:hover .photo a {transform:scale(1.2)}
.photo_txt .pdate {position:absolute; bottom:30px; right:30px; font-size:1.077em; font-weight:400; color:#a1a1a1}
.photo_txt .pcate {display:inline-block; min-width:55px; max-width:100px; padding:0 6px; height:23px; line-height:21px; border-radius:5px; border:1px solid #aaaae1; color:#5656c3; text-align: center; font-weight:600; font-size:1.077em; box-sizing: border-box}

/* banner */
#main_banner .ban_head .tit {margin-bottom:10px; font-size:1.231em; font-weight:600}
.banner_wrap {position:relative; height:76px}
.ban_head {position:absolute; top:0; left:0; padding:10px 34px 10px 0}
.ban_item a {overflow:hidden; display:block; width:100%; max-width:184px; height:60px; margin:0 auto; border:1px solid #ddd; border-radius:5px; background:#fff; box-sizing: border-box}
.ban_item img {width:100%; height:100%; margin: 0 auto; transition: .3s ease-in-out}
.ban_item:hover a img {transform:scale(1.08)}
.ban_area {padding:7px 10px 0 110px}

.banner_wrap .btn_more {top:6px; right:5px; background:#747474; width:21px; height:21px; line-height:21px; text-align: center; border-radius:50% 50% }
.banner_wrap .btns {position:absolute; top:32px; left:0; width:80px}
.banner_wrap .btns li {float:left; width:33.3%; text-align:center}
.banner_wrap .btns li button  {display:block; width:23px; height:23px; line-height:21px; margin:0 2px; background:#fff; border-radius:50% 50%; text-align: center; cursor: pointer; border:1px solid #dbdbdb; box-sizing: border-box}
.banner_wrap .btns span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_wrap .btns .ban_btn_prev{background:url(../images/main/btn_ban_prev.png) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_stop{background:url(../images/main/btn_ban_stop.png) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_next{background:url(../images/main/btn_ban_next.png) no-repeat 50% 50%}

/* right quick */
.quick_wrap {display:none}


/* Footer */
#footwrap {position:relative; padding-bottom:30px; background:#2f2f2f}
.address_wrap address {line-height:160%; color:#c3c3c3; font-weight:400; font-size:1.077em}
.address_wrap address span {display: inline-block; padding:5px 0 5px 32px; background: url(../images/main/blt_foot_add.gif) no-repeat 0 50%; font-weight:700; color:#fff}
.foot_area .col01 a {color:#a7d127}
.mb_menu {text-align:center}
.mb_menu li {display:inline-block; padding:5px 6px 5px 12px; background:url(../images/main/blt_foot_mbar.gif) no-repeat 0 50%}
.mb_menu li a {display:inline-block; line-height:30px; color:#fff}
.mb_menu li:first-child {background:none}

.sb_box {background:#2f2f2f}
.sb_menu {margin:0 10px; padding-bottom:15px}
.sb_menu li {display:none; padding:5px 15px}
.sb_menu li a {color:#a5a5a5}
.sb_menu li:hover a {text-decoration: underline; color:#fff}
.add_info li {margin:5px 0; line-height:150%; color:#fff; font-weight:400}
.add_info li div {display:inline-block; width:400px}
.add_info li span {display:inline-block; min-width:68px; margin-right:5px;  padding:0 10px; background:#979797; border-radius:5px; text-align: center; box-sizing: border-box}
.add_info li .add_bgcol span {background:#6a91d6}
.copy {padding-top:20px; line-height:150%; color:#a1a1a1; font-weight:400}



/* ====================mobile layout==================== */
@media only screen and (max-width: 1024px) {
/* ==== skip navi ==== */
.pc_skip{display:none}

/* ==== 상단 영역 ==== */
.header_wrap {height:56px}
.header_top:before {height:56px}
#mainheader.fixed {min-width:340px}

/* 로고 */
.logo_top {top:10px; left:10px}
.logo_top img {width:210px; height:35px}

.top_wrap {width:100%}
.top_area {box-sizing: border-box}
.qmn_join, .qmn_login {display:none}
.top_menu {top:10px; right:10px; bottom:inherit}
.top_menu .qmn_mbtn {display:inline-block}
.top_menu .qmn_mbtn a {display:block; width:24px; height:22px; font-size:0}
.top_menu .qmn_srch a  {background:url(../images/main/btn_srch_m.png) no-repeat 50% 50%}
.top_menu .qmn_allmn a {background:url(../images/main/btn_allmn_m.png) no-repeat 50% 50%}

.qmenu {align-items:center}
.top_menu .qmn_pop a {/*background:url(../images/main/btn_pop_m.png) no-repeat 50% 50%; */ width:30px; height:30px; padding:3px 2px;background:none; line-height:110%; font-size:1em; color:#fff; font-weight:600; border:1px solid #fff; border-radius:5px}
.top_menu .qmn_pop.openact a {/*background:url(../images/main/btn_popopen_m.png) no-repeat 50% 50%*/}

/* Poplayer */
.main_openpop .popup_open{display:none}
.main_openpop{ position: absolute; top:0; right:0; width: 100%; z-index:99}
.main_openpop .popup_on{display:none; width: 100%; height:355px; margin: 0 auto; text-align: center; background:rgba(255,255,255,0.9); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}

/* ==== gnb ==== */
#gnb {display: none; position:fixed; top:0; right:0;  width:250px;height:100%; min-height:100%; background:#fff; color:#093458; z-index:1000; overflow-y:auto}

/* 모바일 메뉴 */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0;  width:250px; height:100%; min-height:100%; background:#fff; color:#093458; z-index:1000; overflow-y:auto; box-sizing:border-box}
#gnb .allbtnclose {position:absolute; top:0; right:0; width:56px; line-height:56px; text-align: center}
.gnb_top {background:#3e3e3e}
#gnb .gnb_tit{display: block; height:56px; line-height:56px; font-size:18px; font-weight:500; color:#fff}
#gnb .gnb_tit span{display: block;  padding-left:20px}
.gnb_logbox {display:flex; justify-content: space-between; padding:11px 8px; background:#dcdcdc}
.gnb_logbox li {display:flex; justify-content: center; width:calc(50% - 3px);background:#fff; border-radius:50px 50px; text-align:center}
.gnb_logbox li a {display:block; width:100%; padding:8px; text-align:center; font-weight:600; color:#000; text-align: center; font-size:1.077em}
.gnb_logbox li:hover a {transition:.3s; color:#5656c3}

#gnb .gnb_list h2 a {display:block; line-height:52px; padding-left:15px; font-size:1.154em; font-weight:500; margin:0; width:auto; background:#fff url(../images/main/blt_layermn_off.png) no-repeat right 15px top 50% ; color:#222; border-bottom:1px solid #dcdcdc}
#gnb .gnb_list .depth1:hover h2 a, #gnb .gnb_list .depth1.act h2 a {background:#5656c3 url(../images/main/blt_layermn_on.png) no-repeat right 15px top 50%; transition:.3s; color:#fff}
#gnb .navi_sub {display:none}
#gnb .gnb_list .depth1 .navi_sub {position: relative; width: auto}
#gnb .gnb_list .depth2 {padding:5px 13px; background:#fff; border-bottom:1px solid #dcdcdc}
#gnb .gnb_list .navi_sub .depth2 li {border-top:1px dashed #e1e1e1}
#gnb .gnb_list .navi_sub .depth2 li a {display: block; line-height:140%; padding:10px 20px 10px 5px; font-size: 1.077em; font-weight:300; background:#fff; color:#3e3e3e; word-break: keep-all}
#gnb .gnb_list .navi_sub .depth2 li:first-child {border:0}
#gnb .gnb_list .navi_sub .depth2 li:hover a {background:url(../images/main/blt_layermn_thirdon.png) no-repeat right 5px top 50%; color:#5656c3; font-weight: 500}
#gnb .gnb_list .depth1.last {margin:0}

/* ==== 비주얼 영역 ==== */ 
/* 비주얼 이미지 */
.visual .visual_item {height:706px}
.visual_wrap .visual_item > a {height:705px}
.visual .v_school {position:absolute; top:100px; left:50%; margin:0 0 0 -180px; width:360px; height:160px; background:url(../images/main/v_msch_img.png) no-repeat 50% 50%}
.visual .v_txt {position:absolute; top:5px; left:50%; margin:0 0 0 -132px; width:264px; height:96px}
.visual .item1 .v_txt {background:url(../images/main/v_mtxt01.png) no-repeat 50% 0}
.visual .item2 .v_txt {background:url(../images/main/v_mtxt02.png) no-repeat 50% 0}

/* content */
.content_area {position: relative}
.content01 {margin:-455px 10px 0}
.content02 {height:100%}
.content03 {padding:0 10px}
 
.btn_more img {width:12px; height:12px}

/* 비주얼 퀵메뉴 */
.v_conwrap {background:#fff}
.vcon_line02 .vcon_btn {width:100%}
.vcon_box02 {padding:17px 10px}
.pass_con .pass_bg {background-position:50% 100%} 

.vcon_btn a {padding:30px 0 10px; font-size:1.231em}
.vcon_ai .vcon_bg {background-position:50% 100%}
.vcon_future .vcon_bg {background-position:50% 100%}
    
.vcon_top {margin-bottom:10px}
.vcon_top h3 {font-size:1.385em}
.vcon_box01 .btn_more {top:26px; left:120px}

.vcon_lst li {line-height:140%; padding:3px 0 3px 28px; font-size:1em; background-position:0 3px}

/* 학과 소개 */
.main_depart {display:table; margin:15px 0 24px}
.main_depart > .get_depart {display:inline-flex; height:210px; width:calc(100%/3); box-sizing: border-box}
.main_depart > .get_depart:hover {height:210px; padding:0 10px; box-shadow:1px 3px 15px 0 rgba(0,0,0,0.5)}
.main_depart .dtxt {padding:15px 10px; line-height:130%; margin-top:15px; font-size:1.154em}
.main_depart > .get_depart a {padding:30px 0}
.main_depart > .get_depart a > div {min-height:150px}
.get_depart .dbg {background-size: auto}
.main_depart .dtit {font-size:20px}
    
/* notice */
#main_notice {margin-bottom:25px}
.notice_box h3 span {background-size:20px auto}
.notice_box .notice_more {padding: 7px; margin:5px 0 0; background:#e3e3e3; border-radius:5px; box-sizing: border-box; text-align: center; z-index: 1}
.notice_box .notice_more a{display: block}
.notice_box .notice_more a span{padding-right:16px; background:url(../images/main/btn_more_b.png) no-repeat right center; background-size:10px auto; font-weight:400; color:#444}

/* popup */
.popup_wrap {top:0}
.popup_pc .popup_layer .popup_tit {margin:0}
.popup_pc .slick-prev {bottom:4px}
.popup_pc .slick-next {bottom:4px}

/* photo */
.album_wrap .photo_item .photo_box {width:273px; height:296px}
.album_wrap .photo {width:234px; height:186px}
.album_wrap .photo a {width:234px; height:186px}
.album_wrap .photo_item img {width:234px; height:186px}
.album_wrap .photo_txt {width:273px; height:198px; margin-top:-95px; padding:108px 20px 20px}
.album_wrap .photo_txt .txt a {height:40px; font-size:1.154em; margin-bottom:10px}
.photo_txt .pdate {bottom:28px; right:20px; font-size:1em}

/* banner */
.ban_item a {max-width:150px; height:48px}

/* quick */
#quickmenu .btn_top {display:none}

/* Footer */
.address_wrap {padding:0 10px}
.address_wrap address span {padding:5px 0 5px 24px; background-size:20px auto}
.foot_area .count {display: none}
    
.foot_bg {padding:70px 10px 0; background:url(../images/main/flogo.gif) no-repeat 50% 15px; background-size:220px auto}
.mb_menu {border:3px solid #6e6e6e}
.sb_menu {margin:10px 0; padding:0}
.sb_box {;background:#444; border-radius:10px}
.sb_menu .f_li02, .sb_menu .f_li03 {display:inline-block; float:left; padding:0; width:50%}
.sb_menu .f_li02 a, .sb_menu .f_li03 a {display:block; overflow: hidden; padding:12px 10px; border-right: 1px solid #7c7c7c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; text-align: center; color:#fff; font-weight:300}
.sb_menu .f_li03 a {border-right:0; color:#acd700}
.sb_menu .f_li04 { display:inline-block; float:left; width:100%; padding:0}
.sb_menu .f_li04 a { display:block; padding:12px 5px; border-top: 1px solid #7c7c7c; border-left:0; border-right:0; text-align: center; color:#fff; font-weight:300}
.sb_menu .f_li01, .sb_menu .f_li05, .sb_menu .f_admin {display:none}
.add_info li {margin:0}
.add_info li div {margin:3px 0; width:360px}

}


/* ========================pc layout======================== */
@media only screen and (min-width: 1025px) {
/* ==== skip navi ==== */
.mb_skip{display:none}
.mb_none {display:block}
.pc_none {display:none}

/* ==== 상단 영역 ==== */
#wrap {min-width:1300px}
.header_area {position:relative; height:65px; width:1300px; margin:0 auto}
    
/* logo */
.logo_top {top:10px; left:0}

/* 탑메뉴 영역 */
.top_menu {padding:0 10px;background:#fff; border-radius:15px 15px 0 0; box-sizing: border-box}
.qmn_btn {margin:0}
.qmn_btn a {padding:16px 12px 15px 20px; font-size:1.154em; font-weight:500; background:url(../images/main/blt_qmn_top.png) no-repeat 0 50%}
.qmn_btn.qmn_login a {background:none; min-width:57px}
.top_menu .qmn_srch a {display:block; width:28px; height:24px; padding:0; background:url(../images/main/btn_srch_pc.png) no-repeat 50% 50%; font-size:0}
.top_menu .qmn_allmn a {display:block; width:28px; height:24px; padding:0; background:url(../images/main/btn_allmn_pc.png) no-repeat 50% 50%; font-size:0}
.qmn_pop {display:none}
.qmn_srch, .qmn_allmn {margin:0 10px}


/* ==== gnb ==== */
.gnb_box {width:1300px; margin:0 auto}
#gnb .allbtnclose,  #gnb .gnb_tit, #gnb .navi_sub,  #gnb .gnb_top {display: none}
.gnb_list {text-align: center}
#gnb .depth1 {position: relative; float:left; width:11.1%; text-align: center}
#gnb .depth1 h2 a {display:block; padding:29px 0; text-align: center; font-size:20px; font-weight:500; transition: all .4s; color:#1a1a1a}
#gnb .depth1.active h2 a { color:#75a115}
#gnb .navi_sub {overflow:hidden; position: absolute; left:50%; top:60px; width:210px; margin-left:-105px; border-radius:40px 40px 5px 5px; box-shadow:1px 5px 6px rgba(0,0,0,0.1); background: #fff; border:2px solid #4a82e3; box-sizing: border-box}
#gnb .navi_sub li{border-bottom: 1px solid #d2d2d2;word-break:keep-all}
#gnb .navi_sub li:last-child {border-bottom:none}
#gnb .navi_sub a {display: block; line-height: 140%; margin:5px 0; padding:5px 0;text-align: center; font-size:1.154em; font-weight:500; letter-spacing:-0.3px}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a {color:#000; font-weight:500; background:#ededed; transition:.3s; border-radius:10px}
#gnb .navi_sub li:last-child a{border:none}
#gnb .depth1.active .navi_sub {display: block; z-index: 30}
#gnb .depth1.active .navi_sub li:hover a {transition:.3s}
#gnb .navi_sub:before {content:""; display: block; width: 92px; height:24px; line-height:22px; background:#4a82e3; position: absolute; left:50%; top:-10px; margin-left:-46px; border-radius:0 0 12px 12px}
#gnb .depth2 {overflow:hidden; padding:20px 10px 10px}

/* ==== 비주얼 영역 ==== */ 
/* 비주얼 이미지 */
.visual .visual_item {height:538px}
.visual_wrap .visual_item > a {height:538px}
.visual .item1 {background:url(../images/main/v_pc01.jpg) no-repeat 50% 0}
.visual .item2 {background:url(../images/main/v_pc02.jpg) no-repeat 50% 0}
.visual .item3 {background:url(../images/main/v_pc03.jpg) no-repeat 50% 0}
.visual .v_school {position:absolute; bottom:0; left:0; margin:0; width:100%; height:538px; background:url(../images/main/v_pcsch_img.png) no-repeat 50% 100%}
.visual .visual_item .v_txt {position: absolute; left: 50%; top:90px; margin:0 0 0 -440px; width:440px; height:170px; display:inline-block; z-index:99}
.visual .visual_item .v_txt img{display:block}
.visual .visual_item .v_txt  .vtxt01 {opacity: 0; transform: translateX(-50%); animation: slogun1 8s infinite;}
.visual .visual_item .v_txt  .vtxt02 {opacity: 0; transform: translateX(50%); animation: slogun2 8s infinite;margin:-20px 0 0 0}
.visual .visual_item .v_txt  .vtxt03 {opacity: 0; transform: translateY(50%); animation: slogun3 8s infinite; margin:-170px 0 0 264px}
    
.slick-dots {top:inherit; bottom:20px; margin-left:-85px}
.slick-dots li button {width:13px; height:10px}
.slick-dots li.slick-active button {width:40px}
.visual_wrap .btn_visual {top:inherit; bottom:18px; margin-left:-15px}
.visual_wrap .btn_visual button {width:15px; height:15px}


/* Poplayer */
.content_poplayer{position:relative}
.main_openpop{position: relative}
.main_openpop .popup_on {position: absolute; top:-442px; left:16px; width:351px; height:425px}
.main_openpop .popup_layer_wrap {height:425px; background:rgba(255,255,255,0.9); border-radius:15px; box-shadow:0 0 10px rgba(0, 0, 0, 0.13); text-align: center}
.main_openpop .popup_imgsize {width:322px; height:310px}
.main_openpop .popup_imgsize img {width:322px; height:310px}
.main_openpop .popup_open a {display:block; position: absolute; top:-500px; left:0; width:118px; height:40px; background:#053141; border-radius:0 50px 50px 0; color:#fff}
.main_openpop .popup_open a span {display: block; padding:12px 0 12px 42px; background: url(../images/main/btn_pop_m.png) no-repeat 10px 50%; font-size:16px}
.main_openpop .popup_open.openact > a{background:#182c59}
.main_openpop .slick-prev, .main_openpop .slick-next{bottom: 20px}
.main_openpop .popup_open.openact a span {background:url(../images/main/btn_popopen_m.png) no-repeat 10px 50%;  }
    
/* content */
.content_area {position:relative}
.content01 {position: absolute; top:40px; left:50%; width:622px; margin-left:28px}
.content03 {width:1300px; margin:0 auto 50px}
.content04 { margin-bottom:0; height:476px}
.content04:before  {height:408px}

/* 주요소개 등 */
.v_conwrap {display:flex; flex-direction:column-reverse; height:400px; background:#fff}
.vcon_box {width:208px; height:200px}
.vcon_box01 {width:414px}
.vcon_line02 .vcon_btn {width:207px; height:200px}
.vcon_line02  .vcon_doje {width:208px}

/* 학과 소개 */
.get_depart a {padding:50px 0}
.get_depart.active a, .get_depart:hover a {padding:70px 0}
    
/* 공지사항 */
#main_notice {float:left; width:695px}
.notice_tb ul {height:328px; padding:0 2px}
.notice_box {padding:90px 0 0}
.notice_box h3 {font-size:1.69em; font-weight:700}
.notice_box h3 a {padding:20px 10px}
.notice_tb li {height:32px; line-height:30px; padding:10px 110px 10px 12px; margin-top:14px; font-size:1.231em; font-weight:600}
.notice_tb .date {right:22px; font-size:1.154em}
.noti_cate {width:80px; height:24px; line-height: 24px; margin-right:15px; font-size:0.88em}
.notice_tb .date {font-size:1.077em; letter-spacing:1px}

.notice_box .noticetab01 {border-radius:15px 0 0 15px}
.notice_box .noticetab02 {border-radius:0 15px 15px 0}
.notice_box h3 span, .notice_box h3 span {padding:5px 38px 5px 0}
    
/* 이달의 행사 */
.content03 .con_box {float:right; width:555px; margin-left:50px}
#main_calendar .cal_wrap {height:288px; margin-bottom:20px}
.cal_area {padding:0 27px 20px}
.cal_area .btn_cal li {height:45px; line-height: 45px}
.cal_wrap .tit span {padding:5px 15px 5px 42px; font-size:1.69em}
.cal_wrap .tit {padding:22px 28px 18px}
.calarea_date {width:304px; height:62px; padding:15px 38px 15px 76px; text-align: center; font-size:1.538em}
.calarea_date:after {border-bottom-width:62px; border-right-width:60px}
.calarea_date .cal_month {font-size:1.6em}
.cal_wrap .btn_more {top:18px; left:156px; width:28px; height:28px; line-height:28px}
    
.cal_wrap .cal_area .bx-viewport {height:148px !important}
.cal_list li {height:50px; line-height:50px}
.cal_list li a {font-size:1.23em}
.cal_list li .date {margin:0 8px; padding:0 20px 0 18px; font-size:1.13em}
.date_lst {height:148px}
    
/* 오늘의 급식 */
#main_food {position:relative; height:110px}
.food_wrap .btn_more {width:28px; height:28px; line-height:28px}
.food_area {display:flex; align-items:center;  margin-left:164px; padding:8px 18px}    
.foodtop {position:absolute; top:50%; left:0; padding-right:36px; margin-top:-12px}
.foodtop .tit {font-size:1.69em; font-weight:700}
.food_date {width:82px; padding:26px 0; font-size:1.385em}
.food_date span {display:block; margin-top:3px}
.food_txt {margin:0}
.food_txt a {height:60px; padding:0 15px; font-size:1.231em}
    
/* 갤러리 모음 */
#main_album {position:relative; width:1300px; margin:0 auto}
.album_top .tit {padding:60px 0 52px; font-size:2.31em}
.album_top .tit:after {top:100px}
.album_wrap .btns {top:54px; left:inherit; right:0; margin:0}
.album_wrap .btns li a {width:34px; height:34px; line-height: 34px; margin:0 4px}
.album_wrap .btn_more {top:62px; margin-left:92px}
    
/* banner */
.ban_area {padding:30px 0 34px 270px}
.banner_wrap {width:1300px; height:124px; margin:0 auto}
.ban_head {top:50%; margin-top:-22px; padding:10px 140px 10px 0}
#main_banner .ban_head .tit {margin:0; font-size:1.69em; font-weight:700}
.banner_wrap .btn_more {top:7px; right:100px; width:28px; height:28px; line-height:28px}
.banner_wrap .btns {left:120px; top:7px; width:100px}
.banner_wrap .btns li button {width:28px; height:28px; line-height: 28px}
    
/* right quick */
#quickmenu {overflow:hidden; position: absolute; right:0; top:40px; width:112px; height: 428px; padding-top: 0; border-radius:5px 0 0 25px; background:#fff; box-shadow:-2px 5px 7px rgba(0,0,0,0.1); z-index:101}
#quickmenu .quick_wrap {position: relative; height: 428px; display: block}

#quickmenu .btn_top {position: absolute; bottom:0; right:0; width:100%; z-index: 100}
#quickmenu .btn_top a {display: block; background:#fff; padding:5px; text-align: center}
#quickmenu .btn_top a img {display: none}
#quickmenu .btn_top a span {display:block; width:60px; height:20px; margin:0 auto; background:url(../images/main/btn_top_pc.gif) no-repeat 50% 50%}

#quickmenu .quick_wrap .rq_tit {color:#000; padding:10px 0; text-align: center; background:#fff; font-size:20px; font-weight:600}
#quickmenu .quick_wrap .qck_lst {display: flex; justify-content: space-between; flex-wrap: wrap}
#quickmenu .quick_wrap .qck_lst .right_qtit {display:block; width:100%}
#quickmenu .quick_wrap .qck_lst .right_qtit a {display:block; ; width:100%;  text-align: center; padding:84px 0 20px; text-align: center; color:#fff; text-shadow:0 3px 6px rgba(0,0,0,0.1); font-size:1.231em; font-weight:600}
.qck01 .right_qtit a {background:#b5d534 url(../images/main/btn_rquick_tit01.gif) no-repeat 50% 15px}
.qck02 .right_qtit a {background:#f8ae2f url(../images/main/btn_rquick_tit02.gif) no-repeat 50% 15px}
.qck03 .right_qtit a {background:#29b6f9 url(../images/main/btn_rquick_tit03.gif) no-repeat 50% 15px}

.right_qwrap {display:none}
.rightq_bg {position: fixed; top: 0;left: 0;z-index: 999;width: 100%;height: 100%; background-color: #000; opacity: 0.7}
.right_qbox {overflow:hidden; position: fixed; top:50%; left:50%; margin:-335px 0 0 -455px; z-index: 1000; width:910px; height:454px; padding:35px; background:#fff; border-radius:30px; box-sizing: border-box}
.right_qbox .btn_rclose {position:absolute; top:0; right:0; width:70px; height:70px; background:#f2f2f2 url(../images/main/btn_layer_vclose.png) no-repeat 50% 50%; font-size:0; border-radius:0 0 0 30px; cursor:pointer}
.right_qbox .btn_rclose a {display:block}
.rbox_slogan {margin:0 30px}
.rbox_lst {position:relative; padding:17px 0 0 0}
.rbox_lst:after {content:""; display: block; position:absolute; top:-41px; right:45px; width:234px; height:116px; }
.rbox_lst .rbox_tit {width:280px; height:58px; line-height:58px; margin:0 30px; background:#e2e2e2; border-radius:30px 30px 0 0; text-align: center; color:#fff; font-weight:600; font-size:24px}
.rbox_lst ul {display:flex; flex-wrap:wrap; justify-content: left; align-items:center; padding:20px 30px; border:1px solid #c9c9c9; border-radius: 30px}
.rbox_lst ul li {display:flex; width:calc(100%/3); padding:10px 0; text-align: left} 
.rbox_lst ul li a {display:flex; align-items: center}
.rbox_lst ul li a span.rbox_qico {display:block; width:90px; height:90px; line-height:90px; box-sizing: border-box; border:3px solid #e2e2e2; background:#e2e2e1; text-align: center; border-radius:50% 50%; transition:.3s}
.rbox_lst ul li a span.rbox_qico img {vertical-align: middle}
.rbox_qtxt {line-height:140%; padding-left:15px; font-size:1.231em; font-weight:600}
.rbox_lst ul li:hover .rbox_qtxt {transition:.3s}
    
/* 학생 학부모 */
.qck01 .rbox_lst .rbox_tit {background:#abc930}
.qck01 .rbox_lst:after {background:url(../images/main/bg_rquick01_img.gif) no-repeat 100% 100%}
.qck01 .rbox_lst ul li:hover .rbox_qtxt {color:#abc930}
.qck01 .rbox_lst ul li:hover a span.rbox_qico {background:#fff; border-color:#abc930}

/* 예비신입생 */
.qck02 .rbox_lst .rbox_tit {background:#f8ae2f}
.qck02 .rbox_lst:after {background:url(../images/main/bg_rquick02_img.gif) no-repeat 100% 100%}
.qck02 .rbox_lst ul li:hover .rbox_qtxt {color:#f8ae2f}
.qck02 .rbox_lst ul li:hover a span.rbox_qico {background:#fff; border-color:#f8ae2f}

/* 교직원 */
.qck03 .rbox_lst .rbox_tit {background:#29b6f9}
.qck03 .rbox_lst:after {background:url(../images/main/bg_rquick03_img.gif) no-repeat 100% 100%}
.qck03 .rbox_lst ul li:hover .rbox_qtxt {color:#29b6f9}
.qck03 .rbox_lst ul li:hover a span.rbox_qico {background:#fff; border-color:#29b6f9}
    

/* Footer */
#footwrap {padding-bottom:40px}
.foot_area {width:100%}
.foot_bg {position: relative; width: 1300px; margin: 0 auto}
.foot_menu {background:none}
.mb_menu {display:none}
.sb_menu {padding:30px 0 18px; margin:0}
.sb_box {width:1300px; margin:0 auto; padding:0 350px 0 10px; border:3px solid #6e6e6e; box-sizing: border-box; background:url(../images/main/flogo.gif) no-repeat right 10px top 50%}
.sb_menu li {display:inline-block; padding:0}
.sb_menu li a {display: block; padding:23px 20px 23px 20px; font-size:1.154em; font-weight:500; letter-spacing:0.3px; background:url(../images/main/blt_foot_mbar.gif) no-repeat 0 50%}
.sb_menu li:first-child a {background:none}
.sb_menu li.f_admin {position:absolute; top:45px; left:50%; margin-left:-10px; border-radius:50px; background:#3c9fe1 url(../images/main/blt_admin.png) no-repeat 10px 50%}
.sb_menu li.f_admin a {padding:11px 14px 11px 35px; color:#fff; background:none}
.sb_menu li.f_admin:hover {background-color:#317cff; transition:.3s}
.sb_menu li.col01:hover a {color:#a7d127}
.footer_wrap {position:relative; width:1300px; margin:0 auto}
.address_wrap address {font-size:1.154em}

.copy {padding-top:15px; font-size:1.154em}
.copy br {display:none}
.count {position: absolute; top:38px; right:0; border-radius:50px; background:#ebebeb}
.count h3 {display:none}
.count li {overflow:hidden; float:left; width:172px; height:45px; padding:15px; box-sizing: border-box}
.count .today {border-right:1px solid #2f2f2f}
.count .today .tit {color:#fb4a4a; font-weight:600}
.count .total .tit {color:#000; font-weight:600}
.count .tit {float:left; width:46px; margin-right:10px; font-weight:500; font-size:1.077em}
.count .num {display:block; text-align:right; font-weight:400; color:#3e3e3e}
.add_info li {margin:9px 0; font-weight:300}
.add_info li div {font-size:1.154em}
.add_info li div span {padding:1px 10px; font-size:0.93em; font-weight:500}


}
@media only screen and (min-width:1025px) and (max-width: 1024px){



}

@media only screen and (min-width:1025px) and (max-width: 1299px){
#mainheader.fixed .header_wrap {box-shadow:0 4px 5px rgba(0,0,0,0.1)}
#mainheader.fixed .header_top {max-width:1300px; margin-top:-66px; transition:.5s}
#mainheader.fixed .gnb_box {width:auto; max-width:1300px;}
#mainheader.fixed .header_area {max-width:1300px; width:auto}
}
@media only screen and (min-width:1299px) {
/* fixed */
#mainheader.fixed .header_top {margin-top:-66px; transition:.5s}
#mainheader.fixed .header_wrap {box-shadow:0 4px 5px rgba(0,0,0,0.1)}
}

@media only screen and (min-width:1025px) and (max-width:1550px){
.main_depart .dtxt {line-height:130%; padding:15px 10px 15px}
}



@media only screen and (max-width:767px) {
.pass_con {font-size:1.231em}

    
.main_depart > .get_depart {display:inline-flex; height:210px; width:calc(100%/2)}
}

@media only screen and (max-width:640px) {
.content01 {margin:-710px 10px 0}
    
/* visual */
.visual .visual_item {height:965px}
.visual_wrap .visual_item > a {height:964px}

/* 비주얼 퀵메뉴 영역 */
.vcon_box {display: block; justify-content:center; padding:16px}
.vcon_line {display: block}
.vcon_line02 .vcon_btn {width:calc(100%)}
.vcon_line02 .vcon_btn a {height:100px}
.vcon_btn a {text-align:left; padding:28px 20px}
.vcon_btn .vcon_txt {display:inline-block; width:136px; text-align: center}
.vcon_btn a .vcon_go {position:absolute; top:50%; right:0; margin-top:-21px}
.vcon_btn .vcon_bg {background-size:auto}
.vcon_ai .vcon_bg {background-position:right -3px bottom -30px}
.vcon_future .vcon_bg {background-position:right -72px bottom -8px}
.vcon_doje .vcon_bg {background-position:right -60px bottom -30px}
.vcon_box01 .btn_more {top:22px}

/* 학과소개 */
.get_depart .dbg {background-size:cover}

}

@media only screen and (max-width:500px) {
/* 영상 */
.video_wrap video {height:100%; min-height:160px}

    
/* 학과소개 */
.main_depart > .get_depart  {width:calc(100%); height:140px}
.main_depart .dtxt {display:none}
.get_depart .dbg {background-size:auto}
.main_depart > .get_depart a > div {min-height:80px}
.main_depart > .get_depart:hover {height:140px}

/* 하단 */
.address_wrap address {font-size:1em}
.add_info li div {width:auto}
.add_info li span {display:block; width:70px; margin-bottom:5px}
    
}

@media only screen and (max-width:1024px) {
/*취업현황변경*/
.pass_con a{padding:25px 0 10px}
.pass_con a .pass_txt{font-size:16px; line-height:150%}
.pass_con a .pass_txt span{padding:0; font-size:21px}
.pass_area .pass_go{font-size:16px}
}
@media only screen and (max-width:640px) {
/*취업현황변경*/
.pass_con a{position:initial; padding:10px 0; text-align:left}
.pass_con a .pass_txt{display:inline-block; width:136px; text-align: center}
.pass_area .pass_go {position:absolute; top:50%; right:4px; margin-top:-21px}
.pass_con a .pass_bg {background-image:url(../images/main/bg_vcon_pass_mb.gif)}
}

@media only screen and (max-width:1500px) {
.main_video {padding:16px}
.main_video .btn_video a {min-height:92px; padding:14px 20px; background-size:170px auto}
.main_video .btn_video a:after {left:186px; top:43px; width:34px; height:34px; background-size:34px auto }
.main_video .btn_video span {width:120px; font-size:1.077em}
.main_video .btn_video a img {width:160px; height:auto}
.layer_video {position:relative}
.layer_vcon {position:fixed; top:5%; left:3%; width:94%; height:auto; margin:0 auto; border-radius:20px}
.layer_vtop h4 {padding:20px; font-size:2em}
.layer_vtop h4 span {display:block; width:120px; margin-bottom:10px}
.btn_vclose {width:48px; height:48px; border-radius:0 0 0 20px}
    
.vmovie {margin:1rem 1rem 0; height:442px; border-radius:15px}
.btn_freshman {padding:1rem 0}
.btn_freshman p {width:94%; margin:0 3%}
.btn_freshman p a {padding:13px 44px 13px 46px; font-size:1.231em; background-size:20px auto}
.btn_freshman p a span {right:7px; margin:-16px 0  0 0; width:32px; height:32px; font-size:0; padding:0}
.btn_freshman p a span:after {content:"GO"; display: block; position: absolute; top:0; left:0; width:32px; height:32px; line-height: 32px; color:#000; font-weight:600; font-size:14px}
}

@media only screen and (max-width:800px) {
.vmovie {height:300px}
}

@keyframes vcon_line1 {
0%,100% {box-shadow: 0 0 2vw #37f1fd}
50% {box-shadow: 0 0 .5vw #37f1fd}
}
@keyframes vcon_line2 {
0%,100% {box-shadow: 0 0 2vw #f069ff}
50% {box-shadow: 0 0 .5vw #f069ff}
}
@keyframes vcon_line3 {
  0%,100% {box-shadow: 0 0 2vw #004ba7}
  50% {box-shadow: 0 0 .5vw #004ba7}
}
@keyframes bold {
  0% { opacity:0; transform: translateX(0)}
  50% { opacity:1; transform: translateX(0)}
  100% { opacity:0; transform: translateX(0)}
}

@keyframes slogun1 {
  10% {opacity: 0; transform: translateX(-50%);}
  35% {opacity: 1; transform: translateX(0);}
  60% {opacity: 1; transform: translateX(0);}
  90% {opacity: 0; transform: translateY(-50%);}
}
@keyframes slogun2 {
  10% {opacity: 0; transform: translateX(50%);}
  35% {opacity: 1; transform: translateX(0);}
  60% {opacity: 1; transform: translateX(0);}
  90% {opacity: 0; transform: translateY(50%);}
}
@keyframes slogun3 {
  20% {opacity: 0; transform: translateY(-50%);}
  40% {opacity: 1; transform: translateY(0);}
  60% {opacity: 1; transform: translateY(0);}
  100% {opacity: 0; transform: translateX(50%);}
}


/*환경분야 특성화고 인재양성사업 중간 퀵메뉴 변경 25.03.31*/
.vcon_environ {background: #33431d}
.vcon_environ .vcon_bg {background-image:url(../images/main/bg_vcon_environ.jpg); background-position: center bottom}
.vcon_environ .vcon_go {animation:vcon_line1_1 1.7s cubic-bezier(.2,.07,.2,.3) both 1s infinite}
.vcon_environ:hover .vcon_go {color:#4f671b}
@keyframes vcon_line1_1 {
0%,100% {box-shadow: 0 0 2vw #243013}
50% {box-shadow: 0 0 .5vw #243013}
}

@media only screen and (max-width:810px) {
.vcon_environ .vcon_bg{background-position: right bottom -15px}
}