@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh, publishing kjh 2025.04.24 */
/* ※아래 적용된 스타일은 기본레이아웃 구성이므로 각 학교에 맞게 전반적 수정해야함 */

/* 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:-9999999px}

/* Layout */
#wrap {position: relative; width: 100%; min-width: 320px; color:#111}
#content {position: relative}
h3.tit {font-size:1.231em; font-weight:400; color:#000}

/* basic */
img {vertical-align: middle}

/*더보기버튼 공통*/
#content .btn_more {position: absolute}
#content .btn_more a {display: block; transition: all .3s; text-align: center}
#content .btn_more img {width:11px; height:11px; transition: all .3s; vertical-align: middle}
#content .btn_more a:hover img {transform: rotate(180deg)}

/* 로고 영역 */
.logo a {display:flex}
.logo a .logo_txt {display: flex; overflow:hidden; white-space: nowrap; animation:blink 1.4s infinite}
.logo a .logo_txt span {display:inline;; font-size:12px; /*letter-spacing:0.5px*/ }
.logo a .logo_txt span.lt01 {font-family:PTD; color:#3204b3}
.logo a .logo_txt span.lt02 {color:#1b863e}
.logo a .logo_txt span.lt03 {color:#ffa200}
.logo a .logo_txt span.lt04 {color:#ff4800}
.logo a .logo_txt span.lt05 {color:#3204b3}
.logo a .logo_txt span.lt06 {padding-left:5px; color:#000}

/* 로고 아랫줄 추가에 따른 스타일 */
.logo a .logo_txt > div {margin-right:4px}
.logo a .logo_txt .lt07 {font-weight:500}


/* 상단 영역 */
.header_top {position: relative; height:95px; background:#fff; border-bottom:1px solid #e7e7e7}
.header_top .logo {position: absolute; top:42px; left:10px}
.header_top .logo a {display: block}
.qmenu {display:flex; background:#ebecee}
.qmenu .qmu_btn {width:calc(100% / 4)}
.qmenu .qmu_btn a {display:block; height:30px; line-height:30px; text-align: center; border-left:1px solid #fff}
.qmenu .btn_all {position:absolute; top:46px; right:10px; background:#394556}
.qmenu .btn_all a {display:block; color:#fff; width:44px; height:36px; background:url(../images/main/ico_mallmn.png) no-repeat 50% 50%; text-indent:-9999px}
.qmenu .btn_barogo {background:#fa652a}
.qmenu .btn_barogo a {color:#fff; border:none}
.srch_box {display:none}

/* Visual */
.visual {position:relative; overflow:hidden}
.visual .visual_wrap {position:relative; width: 100%; margin: 0 auto}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button {border:none; background:none; font-size:0}
.visual_wrap .visual_item {position:relative; display: block; width:100%; height:324px}
.visual_wrap .visual_item > a {position: relative; display:block; height:324px}
.visual_wrap .visual_item > a:focus-visible {height:320px; outline:2px solid #000}
.visual .item1 {background:url(../images/main/v_mbg00.jpg) no-repeat center top} /* 메인 */
.visual .item2 {background:url(../images/main/v_mbg01.jpg) no-repeat center top} /* 중점1 */
.visual .item3 {background:url(../images/main/v_mbg02.jpg) no-repeat center top} /* 중점2 */
.visual .item4 {background:url(../images/main/v_mbg03n.jpg) no-repeat center top} /* 중점3 */
.visual .item5 {background:url(../images/main/v_mbg04.jpg) no-repeat center top} /* 중점4 */
.visual .item6 {background:url(../images/main/v_mbg05n.jpg) no-repeat center top} /* 중점5 */
.visual .item7 {background:url(../images/main/v_mbg06n.jpg) no-repeat center top} /* 중점6 */
.visual .item8 {background:url(../images/main/v_mbg07n.jpg) no-repeat center top} /* 중점7 */

/* 비주얼 이미지 영역 */
.visual .vbg_slogan {max-width:320px; line-height:160%; padding:20px 0; margin:0 auto; text-align: center; font-size:1.077em; color:#fff}
.visual .vbg_slogan > div {display:inline-block}
.visual .vbg_slogan .vslogan01 {padding:0 15px 2px; margin-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.8)}
.visual .vbg_slogan .vslogan01 strong {}
.visual .vbg_slogan .vslogan01 span.vround {position:relative; padding:2px 4px 1px; border:1px solid rgba(255,255,255,0.8); border-radius:50% 50%}
.visual .vbg_slogan .vslogan01 span.vround:after {content:""; display:block; position:absolute; top:0; left:0; width:24px; height:18px; background:url(../images/main/bg_veffect.png) no-repeat 0 0}
.visual .vbg_slogan .vslogan02 {position:relative; display:inline-block; padding:0 18px 3px; font-size:1.143em; }
.visual .vbg_slogan .vslogan02:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:14px; background:rgba(0,0,0,0.2); border-radius:10px 10px 0 0; z-index:-1}
.visual .vbg_slogan .vslogan02 span {color:#fff000}
.visual .vbg_txt {max-width:300px; padding:11px 10px 0; margin:0 auto; color:#fff; box-sizing: border-box; border-radius:0 0 20px 20px}
.visual .vbg_txt .vtit {display: flex; justify-content: space-between; align-items: flex-end; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,0.7)}
.visual .vbg_txt .vnum {position:relative; font-size:11px; padding:0 0 0 23px}
.visual .vbg_txt .vnum:before {content:""; display: block; position:absolute; top:3px; left:0; width:12px; height:12px; background:rgba(255,255,255,0.4); border-radius:50% 50%}
.visual .vbg_txt .vnum:after {content:""; display: block; position:absolute; top:3px; left:8px; width:12px; height:12px; background:rgba(80,122,229,0.7); border-radius:50% 50%}
.visual .vbg_txt .vnum span {font-size:16px; }
.visual .vbg_txt .veng {font-size:8px; ; color:rgba(255,255,255,0.65)}
.visual .vbg_txt .vtxt {padding:15px 0; text-align: center; font-size:1.154em; text-shadow:0 1px 4px rgba(0,0,0,0.3); letter-spacing:-0.5px}
.visual .vbg_txt1 {background:linear-gradient(315deg, rgba(89,136,255,0.5), rgba(0,44,155,0.5))}
.visual .vbg_txt2 {background:linear-gradient(315deg, rgba(30,187,215,0.5), rgba(0,87,103,0.5))}
.visual .vbg_txt.vbg_txt2 .vnum:after {background:rgba(58,173,181,0.7)}

/*재생,일시정지*/
.visual_wrap .btn_visual {position: absolute; bottom:10px; left:50%; margin:0 0 0 72px}
.visual_wrap .btn_visual button{width:19px; height:12px; margin: 0 0 0 4px; cursor:pointer; box-sizing: border-box; border-radius:50px; text-align: center}
.visual_wrap .btn_visual button.vbtn_play{background:rgba(0,0,0,0.2) url(../images/main/vbtn_play.png) no-repeat 50% 50%}
.visual_wrap .btn_visual .vbtn02 button.vbtn_pause{background:rgba(0,0,0,0.2) url(../images/main/vbtn_pause.png) no-repeat 50% 50%}
/*비주얼 이동 블릿*/
.visual_wrap .slick-dots {position: absolute; bottom:10px; left:50%; margin:0 0 0 -88px; display:flex; gap:3px; }
.visual_wrap .slick-dots li button{width: 14px; height:5px; border:1px solid #b2b2b2; box-sizing: border-box}
.visual_wrap .slick-dots li.slick-active button {width:40px; background: #27b6d0; border-color:#27b6d1; box-shadow:0 2px 3px rgba(0,0,0,0.05)}

/* 레이어 팝업 */
/*
.mpop_top {padding:0 0 15px}
.mpop_tit {font-size:24px; color:#fff}
.mpop_tit .col_yel {color:#ffc467}
.mpop_tit .engtxt {font-size:17px; color:rgba(255,255,255,0.5)}
.mpopup_box.on {display:block}
.mpop_bg {position: fixed; top: 0;left: 0; width: 100%;height: 100%; background-color: #000; opacity: 0.6; z-index:100}
.mpop_lstwrap {position:fixed; top:200px;left:50%; margin-left:-229px; z-index:100}
.mpop_lstwrap .mpop_tb {width:458px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.mpop_layer a {display: block; overflow: hidden; width:458px; height:287px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.mpop_layer img {width:458px; height:287px}
.mpop_lstwrap .slick-arrow {position: absolute; top:50%; width:20px; height:30px; margin-top:-10px; font-size:0}
.mpop_lstwrap .slick-prev {left:-30px; background:url(../images/main/btn_popup_prev.png) no-repeat 50% 50%}
.mpop_lstwrap .slick-next {right:-30px; background:url(../images/main/btn_popup_next.png) no-repeat 50% 50%}
.mpop_lstwrap .btns {display: flex; justify-content:center; align-items: center; margin:10px 0}
.mpop_lstwrap .btns li a {display:block; padding:12px 22px; border-radius:50px; text-align: center; background:rgba(255,255,255,0.35); color:#fff; margin-left:5px; font-size:1.231em; box-sizing: border-box}
.mpop_lstwrap .btns li a span {display:inline-block}

.btn_mpop {position:absolute; top:760px; right:280px}
.btn_mpop .btn_mpoptit:after {content:""; display:block; position:absolute; top:-6px; left:-6px; width:96px; height:96px; border:1px solid rgba(255,255,255,0.7); border-radius:50%; animation:rotate2 2s linear infinite; z-index:0; box-shadow:0 4px 5px rgba(0,0,0,0.1)}
.btn_mpop .btn_mpoptit:before {content:""; display:block; position:absolute; top:0; left:0; width:86px; height:86px; border-radius:50%; background:rgba(255,255,255,0.5); animation:rotate 20s linear infinite; z-index:0}
.btn_mpop .btn_mpoptit a {position:relative; display:block; width:70px; height:70px; margin:8px; line-height:120%; padding:18px 0; background:linear-gradient(90deg, #1d8ce7, #5a5ab4); border-radius:50%; text-align: center; color:#fff; font-size:1.154em; box-sizing: border-box; z-index:1}
.btn_mpop .btn_mpoptit a span {display: block; color:#fffaa1}

.btn_poptoday a {display:block; margin-top:5px; padding:10px 0; background:#000; text-align: center; color:#fff; font-size:1.154em}
.btn_poptoday a span {padding:0 20px 0 0; background:url(../images/main/bg_poptoday_close.png) no-repeat right 0 top 50%}

.btn_popclose {position: absolute; top:-7px; right:0}
.btn_popclose a {display:block; padding:5px; background:rgba(255,255,255,0.5); border-radius:50%; animation:beam 1.8s infinite}
.btn_popclose a span {display:block; width:27px; height:27px; line-height:27px;border-radius:50%; background:#fff; text-align: center}
*/

/***************** Layout ******************/

/***Content  Common***/    
.content01 {padding:25px 0 0 10px; background:url(../images/main/bg_notice_mtop.gif) no-repeat 50% 0}
.content01 .content_box {margin-right:10px}
.content02 {padding:30px 10px; background:#f6f6f6 url(../images/main/bg_operate_m.gif) no-repeat 50% 100%}
.content03 {padding:0 10px 15px}
.content04 {margin:25px 10px 0}
.content05 {padding:30px 10px 0; min-height:340px; background:url(../images/main/bg_school_mn.jpg) no-repeat 50% 100%}

/* notice */
#main_notice {background:#fff; padding:10px 10px 0; margin-bottom:25px}
.notice_box {position:relative}
.notice_box h3 {position:absolute; top:0; width:calc(100%/3)}
.notice_box h3 a {overflow:hidden; position:relative; display:block; width:100%; height:34px; line-height:34px; margin:0 auto; font-size:1.077em; font-weight:400; color:#292929; transition: all .3s; text-align: center; background:#f0f0f0; z-index:1}
.notice_box h3.on a {color:#fff}
.notice_box h3 a:before {content:""; position: absolute; left: 0; top:0; width:0; height:100%; background: #1c7a52; transition: width .5s; z-index:-1}
.notice_box h3.on > a:before{width: 100%}
.notice_box h3:hover > a:before {width: 100%}
.notice_box .noticetab01 {left:0}
.notice_box .noticetab02 {left:33.3%}
.notice_box .noticetab02 a {width:calc(100% - 10px)}
.notice_box .noticetab03 {left:66.6%}
.notice_box .notice_tb {overflow: hidden; padding-top:46px}
.notice_box .notice_tb ul {overflow:hidden; height:210px; margin-bottom:7px}
.notice_box .notice_tb ul li {position:relative; min-height:66px; line-height:160%; border:1px solid #dfdfdf; margin-top:6px; padding:34px 64px 8px 10px; transition:.3s; box-sizing: border-box; cursor: pointer}
.notice_box .notice_tb ul li:first-child {margin-top:0}
.notice_box .notice_tb ul li:hover {text-decoration: underline; border-color:#1c7a52}
.notice_box .notice_tb ul li:hover:after {content:""; display:block; position: absolute; top:0; right:0; width:16px; height:16px; background:#1c7a52 url(../images/main/btn_noti_more.png) no-repeat 50% 50%}
.notice_box .notice_tb ul li .tit {width:auto; margin:0}
.notice_box .notice_tb ul li .tit a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#262626; font-size:1.077em; font-family:SCdream; font-weight:500}
.notice_box .notice_tb ul li a img {vertical-align:0}
.notice_box .notice_tb ul li .date {position:absolute; bottom:11px; right:8px; width:58px; height:18px; line-height:18px; text-align:right; font-size:0.935em; color:#aaa; font-family:SCdream}
.noti_bname {position: absolute; top:10px; left:10px; color:#1c7a52; font-size:0.935em}
.notice_box .notice_tb .more a {display:block; padding:6px 5px 5px; background:#e9e9e9; text-align: center; border-radius:4px}
.notice_box .notice_tb .more a span {display: inline-block; padding-right:12px; background:url(../images/main/btn_mnoti_more.png) no-repeat 100% 40%}

/* 홍보영상 */
.main_video {position: relative; margin-bottom:25px}
.main_video h3.tit {padding:7px 0 12px}
.video_bg {padding:5px; background:linear-gradient(120deg, #0669d5, #6c37eb) }
.video_box {position:relative; overflow:hidden; background:#000}
.ytp-cued-thumbnail-overlay-image {overflow:hidden}
.video_box iframe,
.video_box object,
.video_box embed {position:absolute; top:0; left:0; width:100%; height:100%; min-width:300px}
.video_wrap video {position:relative; width:100%; max-height:212px; margin:0 auto; background:#000}
.main_video .btn_more {top:0; right:0}
.main_video .btn_more a {width:24px; line-height:24px; border-radius:50%; background:#e8e8e8}

/* 월중행사 */
#main_calendar {margin-bottom:25px}
#main_calendar .btn_more {top:9px; left:94px}
.cal_wrap {position:relative; background:#10385e}
.cal_toparea {background:#02284c; color:#fff}
.cal_toparea .tit {padding:10px; color:#fff}
.cal_area {display:flex; justify-content: space-between; align-items: center; padding:6px 11px; color:#fff}
.cal_month {width:83px; height:83px; padding:15px 0; background:#fff; border-radius:50%; text-align: center; font-weight:600; color:#000; box-sizing: border-box}
.cal_month .calyear {display:block; padding-bottom:5px; font-size:1.077em}
.cal_month .calmonth {font-size:1.154em}
.cal_month .calmonth span {font-size:2em}
.cal_tb {width:calc(100% - 96px)}
.cal_wrap .cal_tb {overflow: hidden; height:86px; box-sizing: border-box}
.cal_wrap .cal_list .callst_txt {margin:2px 0}
.cal_wrap .cal_list .callst_txt a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-family:SCdream; font-weight:400}
.cal_wrap .cal_list .callst_txt:first-child a {margin-top:0}
.cal_wrap .cal_list .callst_txt span {display:inline-block; min-width:60px; height:24px; line-height:24px; box-sizing: border-box; text-align: center; border:1px solid rgba(255,255,255,0.5); margin-right:5px; border-radius:50px; color:#fff; font-family:'SEBANG_Gothic'}
.cal_wrap .cal_list .callst_txt:hover a {text-decoration: underline; transition:.3s}
.cal_wrap .btn_slide {position:absolute; top:4px; right:10px; display:flex; justify-content: space-between; align-items: center;  width:90px}
.cal_wrap .btn_slide li a {display:block; width:30px; height:30px; line-height:28px; margin:0 auto; text-align: center; box-sizing: border-box}
.cal_wrap .btn_slide li:first-child a {border-left:0}
.cal_wrap .btn_slide li a img {vertical-align: middle}

/* 운영성과 */
.main_operate .oper_toparea {text-align: center}
.main_operate .oper_toparea .tit {display:inline-block; position:relative; padding-top:20px; font-size:1.538em}
.main_operate .oper_toparea .tit:before {content:""; display: block; position:absolute; top:0; left:50%; width:12px; height:12px; background:#016ad5; border-radius:50% 50%; margin-left:-10px}
.main_operate .oper_toparea .tit:after {content:""; display: block; position:absolute; top:0; left:50%; width:12px; height:12px; background:#002445; border-radius:50% 50%; margin-left:-2px; opacity:0.8}
.main_operate .oper_toparea .tit span {color:#016ad5; font-weight:600}
.main_operate .oper_toparea .otxt {padding-top:10px; font-family:SCdream; font-weight:500; letter-spacing:-0.5px}

.opercon {position:relative; margin-top:18px; padding:14px; background:#fff; border-radius:10px; box-shadow:0 1px 7px rgba(0,0,0,0.07); box-sizing: border-box}
.oper_cate {display:inline-block; min-width:60px; margin-bottom:7px; padding:8px 15px; border-radius:50px; text-align: center}
.oper_txt {line-height:150%; font-size:1.077em}
.fs_up {font-size:1.286em}
.fw_bold {font-weight:600}
.fc_red {color:#ff542c}
.fc_yel {color:#ffd132}
.optxt3 {font-size:0.857em}
.opercon01 {min-height:158px; text-align: right; background:#fff url(../images/main/bg_oper_mbox01n.gif) no-repeat 0 100%}
.opercon01 .oper_cate {background:linear-gradient(90deg, #016ad5, #6d35eb); color:#fff}
.opercon02 {min-height:158px; text-align: left; background:#236f75 url(../images/main/bg_oper_mbox02.gif) no-repeat -20px 50%; box-sizing: border-box}
.opercon02:after {content:""; display:block; position: absolute; bottom:0; right:0; width:126px; height:126px; background:url(../images/main/bg_scholarship_ico.png) no-repeat 0 0}
.opercon02 .oper_cate {background:#fff}
.opercon02 .oper_txt {color:#fff}
.opercon02 .optxt2 {font-size:0.928em}
.opercon02 .optxt2 .fs_up {font-size:1.385em}
.opercon02 .optxt2 p {display: inline-block}
.opercon03 {padding:0}
.opercon03 .oper_cate {border:1px solid #016ad5; color:#004baa}
.opercon03 .optxt {font-size:1.077em}
.opercon03 .oper_list {position: relative; min-height:138px; padding:14px; box-sizing: border-box}
.opercon03 .oper_list:after {content:""; display:block; position:absolute; bottom:0; right:0;}
.opercon03 .oper_item1:after {width:115px; height:119px; background:url(../images/main/bg_job_ico.png) no-repeat 100% 100%}
.opercon03 .oper_item2:after {width:115px; height:119px; background:url(../images/main/bg_job_ico.png) no-repeat 100% 100%}
.opercon03 .slick-dots {position: absolute; left:15px; bottom:20px; margin:0}
.opercon03 .slick-dots li button{display:block; width:8px; height:8px; background:#cbcbcb; border-radius:50% 50%; font-size:0}
.opercon03 .slick-dots li {float: left; display:inline-block;  margin: 0 4px 0 0; cursor:pointer; box-sizing: border-box; }
.opercon03 .slick-dots li.slick-active button {display:block; background:#314e68}
.opercon04 {background:none; padding:0}
.opercon04 ul {display:flex; justify-content: space-between}
.opercon04 ul li {width:calc(100% / 2 - 5px)}
.opercon04 ul li a {overflow:hidden; position:relative; display:block; padding:18px 16px; border-radius:10px; font-size:1.231em; color:#fff}
.opercon04 ul li a:after {content:""; display:block; position: absolute; bottom:0; right:0}
.opercon04 ul li.btn_oper1 a {background:#004baa}
.opercon04 ul li.btn_oper1 a:after {width:74px; height:100px; background:url(../images/main/ico_info_oper01.png) no-repeat 100% 100%}
.opercon04 ul li.btn_oper2 a {background:#2684ee}
.opercon04 ul li.btn_oper2 a:after {width:86px; height:100px; background:url(../images/main/ico_info_oper02.png) no-repeat 100% 100%}
.opercon04 ul li a .barogo {display:block; width:28px; height:28px; margin-top:10px; background:#fff url(../images/main/btn_operinfo_arr.png) no-repeat 50% 50%; border-radius:50%; font-size:0}
.opercon04 ul li a:before {content:""; display:block; position: absolute; bottom:0; right:-100%; width:50px; height:50px; border-radius:60px 0 0 0; background:rgba(0,0,0,0.1); transition:.3s}
.opercon04 ul li:hover a:before {right:0}

/* 업데이트 준비중 */
.op_update {padding:64px 0 0; font-size:1.154em; text-align:center; background:url(../images/main/bg_op_update.gif) no-repeat 50% 5px}


/* 학과소개 */
.main_depart {position: relative}
.depart_toparea {text-align: center}
.depart_toparea .tit {display:inline-block; position:relative; padding-top:20px; font-size:1.538em; font-weight:600}
.depart_toparea .tit:before {content:""; display: block; position:absolute; top:0; left:50%; width:12px; height:12px; background:#018892; border-radius:50% 50%; margin-left:-10px}
.depart_toparea .tit:after {content:""; display: block; position:absolute; top:0; left:50%; width:12px; height:12px; background:#002445; border-radius:50% 50%; margin-left:-2px; opacity:0.8}
.depart_toparea .tit span {color:#018892}
.depart_toparea .dtxt {padding-top:10px; font-family:SCdream; font-weight:500; letter-spacing:-0.5px}
.depart_lst {padding:0}
.depart {margin:0 auto}
.depart a {overflow:hidden; display:block; width:250px; height:340px; margin:30px auto; background:#f0f0f0; border-radius:20px; box-shadow:1px 2px 10px rgba(0,0,0,0.2)}
.depart .dtit {position:relative; display:block; max-width:194px; line-height:58px; margin:-29px auto 0; border-radius:60px; text-align: center; color:#fff; font-size:1.308em; font-weight:600}
.depart .dview {display:block; overflow:hidden; position:relative; width:118px; height:28px; line-height:28px; padding:0 10px; margin:0 auto; border:1px solid #cfcfcf; background:#fff url(../images/main/btn_depart_more.png) no-repeat right 10px top 50%; font-size:0.923em; box-sizing: border-box; font-weight:600; font-family:SCdream; z-index:1; ; transition:ease-in .25s}
.dview:before {content:""; display: block; position: absolute; top:0; left:0; width:0; height:100%; transition:width .4s; z-index:-1}
.depart a:hover .dview {color:#fff; border-color:#018892}
.depart a:hover .dview:before {width:100%; background:#018892}
.depart02 a:hover .dview {border-color:#0073bc}
.depart02 a:hover .dview:before {background:#0073bc}
.depart a:hover .dview:after {content:""; display: block; position: absolute; top:50%; right:10px; width:8px; height:8px; margin-top:-4px; background:url(../images/main/btn_depart_morea.png) no-repeat 0 0}
.depart .dimg {overflow: hidden; display:flex; justify-content: center; width:250px; height:192px; border-radius:20px; text-align: center}
.depart .dimg img {width:278px; height:192px; margin:0 auto; transition:.3s}
.depart a:hover .dimg img {transform: scale(1.2)}
.depart .dtxt {overflow:hidden; display:block; text-align: center; margin:18px 25px; height:36px; line-height:140%; font-family:SCdream; color:#000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:keep-all}
.depart01 .dtit {background:linear-gradient(90deg, #28bad4, #018892)}
.depart02 .dtit {background:linear-gradient(90deg, #31a7f2, #0073bc)}
.main_depart .btn_more {top:22px; left:50%; margin-left:44px}
.depart_lst button {position: absolute; top:50%; width:10px; height:18px; margin-top:-9px; background:none;text-indent: -9999px}
.main_depart button.slick-prev {left:0; background: url(../images/main/btn_depart_prev.png) no-repeat 0 0}
.main_depart button.slick-next {right:0; background: url(../images/main/btn_depart_next.png) no-repeat 100% 0}


/* 오늘의 식단 */
#main_food {padding:10px; background:#e8eaeb}
.food_wrap {position: relative}
.food_wrap .tit {padding:7px 0 7px 36px; margin-bottom:5px; background:url(../images/main/blt_food_tit.gif) no-repeat 0 50%}
.food_wrap .tit span {font-weight:600}
.food_area {position: relative}
.food_type {position:absolute; top:-28px; width:50%; height:24px; line-height:24px; text-align:center; background:#dbdbdb}
.food_lunch {left:0}
.food_dinner {right:0}
.food_lunch .food_today {background:url(../images/main/bg_food_lunch.gif) no-repeat right 10px top 50%}
.food_dinner .food_today {background:url(../images/main/bg_food_dinner.gif) no-repeat right 10px top 50%}
.food_today {position: relative}
.food_type a {display:block; color:#222; font-weight:400}
.foodlay .food_txt {display:none; margin-top:33px; padding:0 12px 12px; line-height:130%; border:1px solid #dbdbdb; background:#fff; font-family:SCdream}
.foodlay .food_txt a.ftxt {overflow: hidden; display:block; height:34px; margin:10px 0; box-sizing: border-box}
.foodlay.on .food_type, .foodlay .food_type:hover {background:#f8a529}
.foodlay.on .food_type a, .foodlay .food_type:hover a {color:#fff}
.foodlay.on .food_txt {display:block}
.food_today {position:relative; padding:8px 0; border-bottom:1px solid #dededf; font-weight:600; font-size:1.077em}
.food_today .fweek {display:inline-block; width:22px; line-height:22px; background:#fcb03f; border-radius:50% 50%; text-align: center; color:#fff}
.food_wrap .foodimg {display:block; max-width:156px; height:104px; margin:0 auto; background:#e7eaeb url(../images/main/bg_food_noimg.gif) no-repeat 50% 50%; border-radius:5px}
.food_wrap .foodimg .fimg {display:block; max-width:156px; height:104px;}
.food_wrap .fimg img {width:100%; height:100%; border-radius:5px}
.food_wrap .btn_more {top:5px; right:3px}
.fico {position:absolute; top:50%; right:0; margin-top:-15px}

/* 팝업존 */
.pop_wrap {position:relative; padding:11px 13px; border:1px solid #d8d9d9; background:#fff}
.pop_wrap .tit {padding:7px 0 7px 28px; margin-bottom:5px; background:url(../images/main/blt_pop_tit.gif) no-repeat 0 50%}
.pop_wrap .tit span {font-weight:600}
.pop_list {line-height:130%}
.pop_area {overflow: hidden; position: relative; width:100%; box-sizing: border-box}
.pop_tb {overflow: hidden; height:62px}
.pop_list .poplst_txt {position:relative; height:20px}
.pop_list .poplst_txt a {display:block; width:90%; height:20px; line-height:20px; padding-left:12px; color:#222; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:SCdream}
.pop_list .poplst_txt:before {content:""; display: block; position: absolute; top:6px; left:0; width:5px; height:5px; border-radius:50%; background:#3b3c3c}
.pop_wrap .btn_slide {display:flex; position:absolute; top:11px; right:10px; justify-content: space-between; align-items: center; box-sizing: border-box; border:1px solid #bfbfbf}
.pop_wrap .btn_slide li {width:calc(100% / 3)}
.pop_wrap .btn_slide li a {display:block; width:42px; height:26px; line-height:26px; text-align: center; border-left:1px solid #bfbfbf}
.pop_wrap .btn_slide li:first-child a {border-left:0}
.pop_wrap .btn_slide li a img {vertical-align: middle}
.pop_wrap .btn_more {top:17px; left:92px}

/* 앨범 */
.album_wrap {position:relative; padding:17px 14px 28px; background:#c88a66}
.album_toparea {padding:5px 0 0 }
.album_toparea .tit {display:inline-block; position:relative; font-size:1.308em; color:#fff}
.album_toparea .tit span {font-weight:600}
.photo_lst {margin:18px 0 0}

.photo_area {overflow:hidden}
.album_wrap .photo {position:relative; overflow:hidden; width:190px; height:144px; background:#efefef url(../images/main/bg_noimg.png) no-repeat 50% 50%; margin:0 auto; z-index:1}
.album_wrap .photo a {display:block; width:190px; height:144px; 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:190px; height:144px; margin: 0 auto}
.album_wrap .photo_item {width:190px; height:198px; margin:0 auto}
.album_wrap .photo_item .photo_box {position:relative; width:190px; height:198px; margin: 0 auto; background:#fff; box-shadow:2px 5px 5px rgba(0,0,0,0.1)}
.album_wrap .ptxt {position:relative; line-height:140%; height:55px;padding:10px 12px; font-weight:500; box-sizing: border-box; font-family:SCdream}
.album_wrap .ptxt a {overflow:hidden; height:20px; display:block; text-overflow:ellipsis; white-space:nowrap; word-break: keep-all; font-size:1.077em; color:#222; font-weight:500}
.album_wrap .pdate {position:absolute; bottom:5px; right:10px; font-weight:400; color:#727272}

.album_wrap .btn_more {top:15px; right:10px; border:4px solid rgba(0,0,0,0.05); border-radius:50% }
.album_wrap .btn_more a {width:19px; height:19px; line-height:17px; background:#925b3c; border-radius:50%}
.album_wrap .btns {position:absolute; top:20px; right:42px}
.album_wrap .btns li {float:left; width:33.3%; text-align:center}
.album_wrap .btns li a  {display:block; width:10px; height:16px; line-height:16px; margin:0 5px;text-align: center}
.album_wrap .btns li img {vertical-align: middle}

/* 바로가기 */
.main_barogagi {text-align: center}
.main_barogagi h3 {display:inline-block; position:relative; padding:10px 30px 14px; margin:0 auto; line-height:160%; text-align: center; font-size:1.077em; color:#213341; font-weight:400}
.main_barogagi h3:before {content:""; display: block; position: absolute; top:0; left:0; width:29px; height:19px; background:url(../images/main/bg_quotes_left.png) no-repeat 0 0}
.main_barogagi h3:after {content:""; display: block; position: absolute; top:0; right:0; width:29px; height:19px;background:url(../images/main/bg_quotes_right.png) no-repeat 100% 0}
.main_barogagi h3 span {font-size:1.214em; font-weight:600}
.main_barogagi ul {display:flex; justify-content: space-between; flex-wrap:wrap; gap:7px}
.main_barogagi ul li {width:calc(100% / 2 - 5px)}
.main_barogagi ul li a {display:block; border:6px solid rgba(255,255,255,0.4); border-radius:50px; box-shadow:0 2px 6px rgba(0,0,0,0.1); font-size:1.077em}
.main_barogagi ul li a span {display:block; width:100%; padding:15px; background:#fff; box-sizing: border-box; text-align: right; border-radius:50px; box-shadow:inset 0 0px 0 2px #78baf0; transition:.3s}
.main_barogagi ul li a:hover span {box-shadow:inset 0 0px 0 2px #2a608d}
.main_barogagi ul li a:hover {color:#2ea1ff}

.main_barogagi ul li:first-child span {background:#fff url(../images/main/img_barogo_ico01.gif) no-repeat left 10px top 50%}
.main_barogagi ul li:nth-child(2) span {background:#fff url(../images/main/img_barogo_ico02.gif) no-repeat left 10px top 50%}
.main_barogagi ul li:nth-child(3) span {background:#fff url(../images/main/img_barogo_ico03.gif) no-repeat left 10px top 50%}
.main_barogagi ul li:last-child span {background:#fff url(../images/main/img_barogo_ico04.gif) no-repeat left 10px top 50%}

/* banner */
.banner_wrap {position:relative; height:54px; padding:15px 10px}
.ban_toparea {position:absolute; top:24px; left:10px}
.ban_toparea .tit {margin-bottom:10px; font-size:1.308em}
.ban_toparea .tit span {font-weight:600}
.ban_item a {overflow:hidden; display:block; width:100%; max-width:195px; height:54px; margin:0 auto; border:1px solid #ddd; 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:0 10px 0 110px}

.banner_wrap .btn_more {top:22px; left:82px }
.banner_wrap .btns {position:absolute; top:27px; left:0; width:76px}
.banner_wrap .btns li {float:left; width:33.3%; text-align:center}
.banner_wrap .btns li button  {display:block; width:10px; height:15px; line-height:15px; margin:0 6px 0 0; background:#fff; border-radius:50% 50%; text-align: center; cursor: pointer; 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.gif) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_stop {background:url(../images/main/btn_ban_stop.gif) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_next {background:url(../images/main/btn_ban_next.gif) no-repeat 50% 50%}

/* 퀵메뉴 */
#quick02 {display:none}


/* 총동창회 */
.reunion {min-height:139px; background:#225164 url(../images/main/bg_reunion_m.jpg) no-repeat 50% 0}
.reunion a div {max-width:320px; margin:0 auto; padding:28px 0 0 135px; box-sizing: border-box}
.reunion a .rtxt {font-size:1.077em; color:rgba(255,255,255,0.8)}
.reunion a .rtit {display:block; margin-top:3px}
.reunion a .rbarogo {display:block; position:relative; overflow:hidden; background:#fff url(../images/main/btn_reunion_arr.png) no-repeat right 10px top 50%; padding:10px 15px; margin:10px 15px 10px 0; transition:.3s}
.reunion a:hover .rbarogo {background-color:#2f9ac9; color:#fff}

/* footer */
.foot_wrap {display:flex; justify-content:center; position: relative; background:#0e2b37}
#footwrap .ftit {display: inline-block; padding:0 10px; margin-right:4px; background:#71787e; border-radius:50px 50px; text-align: center}
#footwrap .fadmin {display:none}
#footwrap .copy {padding:12px 25px; text-align: center; background:#0b222c; color:rgba(255,255,255,0.2); font-family:SCdream}
#footwrap address {word-break: keep-all}

#footwrap .add_telinfo {text-align:left}
#footwrap .add_telinfo li {position:relative; margin:4px 0; padding:1px 0 1px 58px }
#footwrap .add_telinfo li .tel_tit {position:absolute; top:0; left:0; width:60px; height:20px; line-height:20px; text-align: center}
#footwrap .add_telinfo span {display: block; line-height:140%}

.add_wrap {color:rgba(255,255,255,0.7); font-family:SCdream}







/*************** MOBILE LAYOUT ***************/
@media only screen and (max-width:1024px) {
/* Common */
.skip_navi .pc_skip{display:none}

/* Layout */
#mainheader {position: relative; z-index:100}

/* 로고영역 */
.logo a img {width:174px}

/* GNB */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0; width: 250px; height:100%; min-height:100%; background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box; border-top:5px solid #0f2d75}
#gnb p.mb_gnbtit {display: block; height:48px; line-height:48px; padding-left:15px; font-size:18px; ; color:#000}
#gnb p.mb_gnbtit span {color:#0f2d75}
/* GNB_상단 */
#gnb .allbtnclose .closebtn {display:block; position:absolute; top:7px; right:6px; width:35px; height: 35px; overflow: hidden; background:url(../images/main/btn_menu_close.gif) no-repeat 50% 50%; line-height:0; text-indent:-9999px}

/* GNB_메뉴타이틀 */
#gnb .gnb_list .depth1 {margin-top:5px}    
#gnb .gnb_list .depth1 > h2 {position:relative}
#gnb .gnb_list .depth1 > h2 a {display:block; min-height:55px; font-size:15px;font-weight:400; padding:20px 45px 18px 12px; margin:0; width:auto;  color:#000; box-sizing: border-box; background:#e2e2e2}
#gnb .gnb_list .depth1 > h2 a[target=_blank] span {display:inline-block; padding-right:15px}
#gnb .gnb_list .depth1 > h2 a:before {content:""; display:block; position: absolute; top:0; right:0; width:24px; height:100%; background:rgba(0,0,0,0.1) url(../images/main/btn_mn_arr.png) no-repeat 50% 50%}
#gnb .gnb_list .act > h2 a {position: relative; background:linear-gradient(90deg, #28bad4, #018892); color:#fff}
    
/*GNB_메뉴세부*/
#gnb .gnb_list .depth1 .navi_sub {display:none; position: relative; width:calc(100% - 16px); padding:0; margin:0 auto 10px; box-sizing: border-box; border:1px solid #068d99; border-top:0}
#gnb .gnb_list .depth1 .navi_sub ul > li {background-image:url(../images/main/bg_thirdmn.png); background-repeat:no-repeat; background-position:2px 11px; border-bottom: 1px solid #cacaca}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child{border-bottom: none}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {line-height:130%; display:block; padding:12px 6px 12px 24px; background:url(../images/main/btn_thirdmn_arr.png) no-repeat left 7px top 13px; font-size: 13px; word-break: keep-all}
#gnb .gnb_list .depth1 .navi_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {background-color:#e3ebf4; color:#000}
    

/* visual */
.visual .vbg_slogan .vslogan01 span.vround:after {top:-6px; left:-4px; background-size:12px auto; width:12px; height:10px}
    
/* popup */
/*
.btn_mpop {top:-50px; right:54px; z-index:100}
.btn_mpop .btn_mpoptit a {width:48px; height:36px; margin:0; padding:5px 0; color:#fff; background:linear-gradient(120deg, #1d8ce7, #5a5ab4); box-sizing: border-box; border-radius:0; text-align: center; font-size:12px; letter-spacing:-0.5px}
.btn_mpop .btn_mpoptit:before {display:none}
.btn_mpop .btn_mpoptit:after {display:none}
.mpop_lstwrap {top:40px}
*/
    
    
/********************************************* Layout **********************************************/
/***Content  Common***/   
.mb_none{display: none}

/* 이달의 행사 */
.cal_wrap .cal_tb {height:96px}
.cal_wrap .cal_list .callst_txt {margin:3px 0}
	

/* 운영성과 */
.opercon02:after {background-size:78px auto; width:78px; height:78px}
.opercon03 .oper_item1:after {width:82px; height:82px; background-size:82px auto}  
.opercon03 .oper_item2:after {width:82px; height:82px; background-size:82px auto}
.opercon04 ul li.btn_oper1 a:after {width:48px; height:68px; background-size:48px auto}
.opercon04 ul li.btn_oper2 a:after {width:56px; height:52px; background-size:48px auto}
.op_update {padding:75px 0 0; background-position:50% 15px}
    
/* 학과 소개 */
.depart_lst {padding:0 15px}
.depart a {height:244px; margin:20px auto}
.depart .dimg {height:128px; align-items: center}
.depart .dimg img {width:260px; height:180px}
.depart a:hover .dimg img {transform:scale(1.1)}
.depart .dtit {max-width:188px; line-height:44px; margin:-22px auto 0}
.depart .dtxt {height:30px; margin:12px 25px; font-size:0.923em}

/* 이달의 식단 */
.food_today img {width:30px}
    
/* 바로가기 */
.main_barogagi ul li:first-child span {background-size:30px auto}
.main_barogagi ul li:nth-child(2) span {background-size:30px auto}
.main_barogagi ul li:nth-child(3) span {background-size:30px auto}
.main_barogagi ul li:last-child span {background-size:30px auto}

/*총동창회 */
.reunion a .rtit img {max-width:175px}
.reunion a .rbarogo {background-size:6px auto}
    
/* 하단 */
.foot_wrap {display: block}
#footwrap .foot_menu .foot_mlst{position: relative}
#footwrap .foot_menu .mb_menu {position: relative; display:flex; justify-content: center; align-items: center; margin:0 auto; text-align: center; border-bottom:1px solid #2d4558}
#footwrap .foot_menu .mb_menu li {padding:0 13px 0 10px; margin:0; height:46px; line-height:46px; background:url(../images/main/blt_foot_dott.gif) no-repeat right center}
#footwrap .foot_menu .mb_menu li:last-child {background: none}
#footwrap .foot_menu .mb_menu li a {display:block; font-size: 13px; font-weight: 400; color:#fff}
/*PC버튼*/
#footwrap .pc_menu {display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; margin:13px 10px; text-align:center; background:none; font-size: 13px; font-weight:300; color:#fff}
#footwrap .pc_menu li {width:calc(100% / 2 - 2px)}
#footwrap .pc_menu li a {display: block; padding:10px 0; color:#acbcc2; background:rgba(255,255,255,0.1)}
#footwrap .pc_menu li.li_3 a {box-sizing: border-box; color:#fff}
#footwrap .pc_menu li.li_4 {width:100%; background:rgba(255,255,255,0.2)}
#footwrap .pc_menu li.li_2, #footwrap .foot_menu .pc_menu li.li_5{display: none}
#footwrap .add_telinfo {max-width:250px; margin:0 auto; padding:0 0 20px}
/*주소*/
#footwrap address {width:auto; line-height:140%; font-size: 13px; text-align: center}
#footwrap .count_box{display:none}


    
}
/******** PC LAYOUT ********/
@media only screen and (min-width:1025px) {
/* Common */
.skip_navi .mb_skip{display:none}

/* Layout */
#wrap {min-width:1400px}
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
.header_top {border:0; height:inherit}
.header_top .logo {top:15px}
.header_top .logo a {display:flex; align-items: center; gap:10px}
.logo a .logo_txt {overflow:inherit}
.logo a .logo_txt span {font-size:17px; font-weight:400}
.header_btn {display:block; position: relative; margin:0 0 0 20px; height:79px}

/* 로고 아랫줄 추가에 따른 스타일 */
.logo a .logo_txt {flex-direction:column}
.logo a .logo_txt .lt07 {margin-top:3px; font-size:19px; letter-spacing:1.5px}

/* 대메뉴 존 */
.qmenu {position: absolute; top:0; right:0; height:80px; gap:6px; padding:14px 92px 14px 0; justify-content: space-between; align-items: center; background:none; box-sizing: border-box}
.qmenu .qmu_pop {display:none}
.qmenu .btn_all {position:inherit; top:inherit; right:inherit}
.qmenu .btn_all a {width:80px; height:80px; background:url(../images/main/ico_allmn.png) no-repeat 50% 50%}
.qmenu .qmu_btn {width:100%}
.qmenu .qmu_btn a {height:34px; line-height:32px; min-width:94px; text-align: center; border:1px solid #e7e7e7; box-sizing: border-box; transition:.3s; font-size:1.077em}
.qmenu .qmu_btn.btn_barogo a {min-width:120px; border:none; line-height:36px} 
.qmenu .qmu_btn.btn_barogo a span {display:inline-block; padding:0 0 0 25px; background:url(../images/main/ico_admission.png) no-repeat 0 50%}
.qmenu .qmu_btn:hover a {box-shadow:2px 2px 0 #f5f5f5}
.qmenu .qmu_srch a {display:none; font-size:0}
.srch_box {display:flex; justify-content: flex-start; align-items: center; position:relative; width:210px; height:50px; padding:0 30px 0 5px; margin-left:12px; box-sizing: border-box; border:6px solid #ebecee}
.srch_box .search_box {width:100%; height:44px; background:none; border:0; box-sizing: border-box}
.srch_box .search_box:focus {outline:none}
.srch_box .button_box {border:none}
.srch_box .search_btn span {overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999px}
.srch_box .button_box .search_btn {position:absolute; top:50%; right:10px; width:18px; height:18px; margin-top:-9px; background:url(../images/main/ico_search.png) no-repeat 50% 50%}
.srch_box .button_box:after {content: ""; display: block; clear: both}
.srch_box .input_box {width:calc(100% - 10px)}
.srch_box .input_box input {font-family:SCdream}
.srch_box .input_box input::placeholder {color:#b4b4b4; font-weight:500}

/* GNB */
.gnb_box {margin:0 auto; border:1px solid #e7e7e7; border-left:0; border-right:0}
.gnb_list {display: flex; justify-content:center; max-width:1400px; margin:0 auto}
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub, #gnb p.mb_gnbtit  {display: none}
#gnb .depth1 {position: relative; display:flex;  padding:27px 36px 28px; text-align: center;}
#gnb .depth1 h2 a{display: inline; text-align: center; font-size:19px; color:#000; font-weight:400}
#gnb .depth1.active h2 a {color:#507ae5}
#gnb .navi_sub {position: absolute; left:50%; top:74px; width:200px; margin-left:-100px; padding:2px; background:linear-gradient(120deg , #3e477e, #5988ff); box-sizing: border-box; border-radius:0 0 25px 25px}
#gnb .navi_sub::before{content: ""; display: block; clear: both; position: absolute; top:-10px; left:50%; margin-left: -26px; width:53px; height:20px; background: url(../images/main/bg_navi_arr.png) no-repeat 0 0; z-index:1}
#gnb .navi_sub ul { overflow: hidden; background:#fff; border-radius:0 0 22px 22px; padding:12px 0 8px}
#gnb .navi_sub li {border-bottom:1px solid #dadbdd}
#gnb .navi_sub li a {display: block; line-height: 130%;margin:5px; padding:8px 5px; text-align: center; font-size:1.154em; letter-spacing:-0.3px; word-break:keep-all}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a {background:#e9e9e9; transition:.3s; color:#000}
#gnb .navi_sub li:last-child {border:none}
#gnb .depth1.active .navi_sub {display: block; z-index: 30}
#gnb .depth1.active .navi_sub li:hover a {transition:.3s}


/* visual */
.visual .visual_wrap {max-width:1980px}
.visual .visual_wrap:after {content:""; display:block; position: absolute; bottom:0; left:0; width:242px; height:100%; background:#f3f4f6 url(../images/main/bg_visual_ctrl.jpg) no-repeat 100% 100%}
.visual .visual_item {height:855px}
.visual .visual_item > a {height:855px}
.visual .item1 a:focus-visible{height:853px; outline:2px solid #000}
.visual .item1 {background:#fff url(../images/main/v_pcbg00n.jpg) no-repeat 0 0}
.visual .item2 {background:#fff url(../images/main/v_pcbg01.jpg) no-repeat 0 0}
.visual .item3 {background:#fff url(../images/main/v_pcbg02.jpg) no-repeat 0 0}
.visual .item4 {background:#fff url(../images/main/v_pcbg03n.jpg) no-repeat 0 0}
.visual .item5 {background:#fff url(../images/main/v_pcbg04.jpg) no-repeat 0 0}
.visual .item6 {background:#fff url(../images/main/v_pcbg05n.jpg) no-repeat 0 0}
.visual .item7 {background:#fff url(../images/main/v_pcbg06n.jpg) no-repeat 0 0}
.visual .item8 {background:#fff url(../images/main/v_pcbg07n.jpg) no-repeat 0 0}

.visual .vbg_slogan {position:absolute; top:255px; left:376px; max-width:700px; font-size:2.308em}
.visual .vbg_slogan .vslogan01 strong {font-size:1.2em}
.visual .vbg_slogan .vslogan01 span.vround {top:0; left:-5px; display:inline-block; width:48px; height:48px; padding:0; box-sizing:border-box}
.visual .vbg_txt {overflow:hidden; position:absolute; top:154px; left:290px; max-width:756px; width:756px; height:200px; padding:45px 75px 45px 40px; border-radius:0; background: none}
.visual .vbg_txt:before {content:""; display:block; position: absolute; top:0; left:-60px; width:776px; height:200px; transform:skewX(-20deg); z-index:-1}
.visual .vbg_slogan .vslogan01 {padding:0 45px 10px; margin-bottom:15px}
.visual .vbg_slogan .vslogan01 span.vround:after {top:-14px; left:-6px}
.visual .vbg_slogan .vslogan02 {display:block; font-size:1.333em; font-weight:600}
.visual .vbg_slogan .vslogan02:before {height:28px; background:rgba(0,0,0,0.3); animation:slide 2s ease-in-out}
.visual .vbg_txt1:before {background:linear-gradient(315deg, rgba(89,136,255,0.5), rgba(0,44,155,0.5))}
.visual .vbg_txt2:before {background:linear-gradient(315deg, rgba(30,187,215,0.5), rgba(0,87,103,0.5))}
.visual .vbg_txt .vnum {padding:0 0 0 35px; font-size:1.231em}
.visual .vbg_txt .vnum span {font-size:1.625em; font-weight:600}
.visual .vbg_txt .vnum:before {width:21px; height:21px}
.visual .vbg_txt .vnum:after {width:21px; height:21px; left:15px; }
.visual .vbg_txt .vtxt {padding:42px 0; font-size:2.4615em; letter-spacing:0}
.visual .vbg_txt .vtxt span {font-weight:600}
.visual .vbg_txt .vtit {padding-bottom:10px}
.visual .vbg_txt .veng {font-size:13px; font-weight:600}
    
.visual .slick-current .vbg_txt:before {animation:slide 2s ease-in-out}
    
.visual_wrap .btn_visual {display:none}
.visual_wrap .slick-dots {top:155px; bottom:inherit; left:0; margin:0; gap:0; width:242px; z-index:1; flex-wrap:wrap}
.visual_wrap .slick-dots li {border-bottom:1px solid rgba(0,0,0,0.15)}
.visual_wrap .slick-dots li button {width:242px; height:77px; border:0; text-align: right; padding:0 18px}
.visual_wrap .slick-dots li button span {font-size:16px; color:#4c4c4c}
.visual_wrap .slick-dots li button span.num {display:inline-block; width:17px; font-size:22px; font-weight: 600; color:#3f90ff; text-align: right}
.visual_wrap .slick-dots li button span.txt {display: none}
.visual_wrap .slick-dots li.slick-active {border:none}
.visual_wrap .slick-dots li.slick-active button {position:relative; width:278px; height:77px; margin-top:-1px; padding-right:54px; background:#5988ff; border:none; box-shadow: none}
.visual_wrap .slick-dots li.slick-active button:after {content:""; display:block; position:absolute; top:50%; right:0; width:30px; height:63px; margin-top:-31px; background:rgba(0,0,0,0.1) url(../images/main/blt_vbg_arr.png) no-repeat 50% 50%; border-radius:5px 0 0 5px}    
.visual_wrap .slick-dots li.slick-active button span {color:#fff}
.visual_wrap .slick-dots li.slick-active button span.txt {display:block; color:rgba(255,255,255,0.5); font-size:13px; word-break:keep-all; padding-left:50px}

.visual_wrap .slick-dots li button.vdot0 .txt {display:none !important}
.visual_wrap .slick-dots li button.vdot0 .tit {display:none}
.visual_wrap .slick-dots li button.vdot0 .num {display:none}
.visual_wrap .slick-dots li button.vdot0:before {content:"메인"; display: block; position: absolute; top:29px; right:20px; font-size:16px; }
.visual_wrap .slick-dots li.slick-active button.vdot0:before {right:54px; color:#fff}
    
.vbg_bltbox {position: absolute; top:155px; left:0; width:242px; text-align: right; z-index:100}

/********************************************* Layout **********************************************/
/***Content Common***/   
.pc_none{display:none}

/* content layer */
.content01 {padding:50px 0 0; background:url(../images/main/bg_notice_top.gif) no-repeat 50% 0}
.content01 .conwrap {display:flex; justify-content:space-between; max-width:1400px; margin:0 auto; padding:50px 50px 40px; box-sizing: border-box}
.content01 .content_box {margin:0 0 0 60px; width:calc(100% - 717px)}
.content02 {padding:0; background:#f6f6f6 url(../images/main/bg_operate_pc.gif) no-repeat 50% 100%}
.content03 {padding:60px 10px}
.content04 {display:flex; justify-content: space-between; width:1400px; margin:0 auto}
.content04 .content_box {width:700px}   
.content05 {overflow:hidden; padding:250px 0 0; margin:-190px auto 0; min-height:900px; background:url(../images/main/bg_school_new.jpg) no-repeat 50% 100%; box-sizing: border-box; animation:zoom 10s infinite }
    
h3.tit {font-size:1.538em}

/* notice */
#main_notice {width:657px; background:none; margin:0; padding:0}
#main_notice .notice_box h3 a {width:100%; height:60px;line-height:60px; font-size:1.538em}    
.notice_box .noticetab01 {left:0; width:135px}
.notice_box .noticetab02 {left:140px; width:145px}
.notice_box .noticetab03 {left:290px; width:145px}
.notice_box .notice_tb {padding-top:74px}
.notice_box .notice_tb ul {height:356px; margin:0}
.notice_box .notice_tb ul li {padding:43px 90px 18px 25px}
.noti_bname {left:25px; top:20px; font-size:1.2em}
.notice_box .notice_tb ul li .tit a {font-size:1.231em}
.notice_box .notice_tb ul li .date {width:66px; bottom:20px; right:20px; font-size:1.077em; font-weight:500}
#main_notice .more {position: absolute; top:0; right:0}
.notice_box .notice_tb .more a {width:60px; height:60px; border:1px solid #dfdfdf; box-sizing: border-box; background:#fff url(../images/main/btn_more_bk.png) no-repeat 50% 50%; border-radius:0; font-size:0}
.notice_box .notice_tb ul li:hover:after {width:30px; height:30px}
    
/* 홍보영상 */
.main_video {display:flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom:0; padding-bottom:32px; background:url(../images/main/bg_movie_mark.gif) no-repeat 100% 100%}
.main_video .video_wrap {width:370px; height:212px}
.main_video h3.tit {width:calc(100% - 370px); padding:16px 27px 0; box-sizing: border-box; font-size:1.538em}
.main_video .btn_more {top:12px}

/* 이달의 행사 */
#main_calendar {margin:0}
.cal_toparea .tit {padding:18px 28px}
.cal_area {padding:18px 28px}
.cal_wrap .cal_list .callst_txt a {font-size:1.154em}
.cal_wrap .cal_list .callst_txt span {font-size:15px}
.cal_wrap .cal_list .callst_txt {margin:0 0 6px}
.cal_wrap .cal_tb {height:94px; width:calc(100% - 110px)}
#main_calendar .btn_more {left:140px; top:20px}
.cal_wrap .btn_slide {top:14px; right:20px}
.cal_month {padding:17px 0}

/* 운영성과 */
.main_operate {width:1400px; margin:0 auto 40px; padding:40px 50px 60px; box-sizing: border-box}
.main_operate .oper_toparea .tit {padding:34px 0 0; font-size:2.307em}
.main_operate .oper_toparea .tit:before {width:15px; height:15px}
.main_operate .oper_toparea .tit:after {width:15px; height:15px; margin-left:0}
.main_operate .oper_toparea .otxt {padding-top:15px; font-size:1.231em}
.oper_conarea {display:flex; justify-content:space-between; gap:25px; padding:50px 0 0}
.opercon {margin:0; width:100%; box-shadow:none}
.opercon01 {width:470px; min-height:300px; padding:30px 37px; background:#fff url(../images/main/bg_oper_box01n.gif) no-repeat 0 100%; border-radius:15px; box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.15)}
.opercon02 {width:268px; min-height:300px; padding:30px 25px; background:#236f75 url(../images/main/bg_oper_box02.gif) no-repeat 42% 50%; border-radius:15px; box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.15)}
.opercon03 {width:503px; max-height:150px; padding:30px 30px 0 30px; border-radius:15px; box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.15)}
.opercon03 .oper_list {padding:1px}
.opercon02 .optxt2 {margin-top:5px; font-size:0.889em}
.opercon02 .optxt2 .fs_up {font-size:1.875em}
.opercon02 .optxt3 {margin-top:-5px}
.opercon03 .oper_list {min-height:122px}
.opercon03 .oper_list:after {bottom:50%; margin-bottom:-60px}
.opercon03 .optxt {font-size:1.385em}
.opercon03 .oper_cate {margin-bottom:8px}
.opercon03 .slick-dots {left:5px}
.opercon03 .optxt .fs_up {font-size:1.667em}
.opercon04 ul {height:125px}
.opercon04 ul li {width:calc(100% / 2 - 10px)}
.opercon04 ul li a {padding:28px 22px; height:100%; box-sizing: border-box; font-size:1.538em; text-shadow:4px 4px 6px rgba(0, 0, 0, 0.2)}
.opercon04 ul li a {padding:28px 22px; height:100%; box-sizing: border-box; font-size:1.538em; text-shadow:4px 4px 6px rgba(0, 0, 0, 0.2); border-radius:15px; box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.15)}
.opercon04 ul li a:before {width:66px; height:66px;}
.opercon04 ul li a .barogo {width:96px; height:28px; margin-top:20px; padding:7px 12px;margin-left:-4px; font-size:0.65em; border-radius:50px; color:#000; font-family:SCdream; font-weight:500; box-sizing: border-box; background-position:right 10px top 48%; transition:.3s}
.opercon04 ul li.btn_oper1:hover a .barogo {color:#004baa}
.opercon04 ul li.btn_oper2:hover a .barogo {color:#2684ee}
.oper_box {display:flex; flex-wrap:wrap; width:503px; gap:25px}
.oper_cate {font-size:1.077em; margin-bottom:15px; padding:9px 18px}
.oper_txt {line-height:160%; font-size:1.385em}
.fs_up {font-size:1.333em}
.optxt3 {margin-top:5px; font-size:0.778em}

/* 학과소개 */
.depart_toparea .tit {padding-top:34px; font-size:2.307em}
.depart_toparea .tit:before {width:15px; height:15px}
.depart_toparea .tit:after {width:15px; height:15px; margin-left:0}
.depart a {margin:30px auto 10px}
.depart_toparea .dtxt {padding-top:15px; font-size:1.231em}
.main_depart .btn_more {top:40px; margin-left:82px}
    
/* 식단 */
#main_food {padding:34px 50px 30px}
.food_wrap .btn_more {right:inherit; top:5px; left:150px}
.food_wrap .tit {padding:5px 0 5px 40px; margin-bottom:12px}
.food_type {top:-31px; width:82px; height:32px; line-height:32px}
.food_type a {font-size:1.231em}
.food_lunch {left:inherit; right:83px}
.food_area {margin-top:-18px}
.food_wrap .foodimg {position: absolute; top:7px; right:10px; width:156px; height:106px}
.foodlay .food_txt {padding:10px 175px 10px 22px; margin-top:30px}
.food_today {padding:5px 5px 6px; font-size:1.231em}
.foodlay .food_txt a.ftxt {line-height:140%; margin:15px 0 10px; height:36px; padding:0 80px 0 0; font-size:1.077em}
.foodlay .fico {top:52px; right:5px; margin:0}
.foodlay .food_dinner .fico {top:56px}
.food_today .fweek {width:25px; line-height:25px}

/* 팝업존 */
.pop_wrap {display:flex; justify-content: space-between; padding:28px 70px 28px 50px; background:#fff url(../images/main/bg_pop_img.gif) no-repeat right 20px top 50%}
.pop_wrap .tit {width:170px; padding:5px 0 5px 30px; box-sizing: border-box}
.pop_topbox {position: relative}
.pop_wrap .btn_slide {top:inherit; right:inherit; bottom:0; left:0}
.pop_wrap .btn_more {top:33px; left:145px}
.pop_list .poplst_txt a {font-size:1.077em}

/* 앨범 */
#main_album {width:700px; background:#c88a66 url(../images/main/bg_album_pc.jpg) no-repeat 100% 100%}
.album_wrap {background:none; padding:40px 50px 35px}
.album_toparea {padding:0}
.album_toparea .tit {font-size:1.538em}
.photo_lst {margin:35px 0 0}
.album_wrap .btn_more {right:35px; top:28px; border-width:7px}
.album_wrap .btn_more a {width:27px; height:27px; line-height:25px}
.album_wrap .btns {top:42px; right:86px}
.album_wrap .btns li a {width:20px}
.album_wrap .photo_item {height:212px}
.album_wrap .photo_item .photo_box {height:212px}
.album_wrap .ptxt {height:68px; padding:16px 14px}
.album_wrap .ptxt a {font-size:1.154em}
.album_wrap .pdate {bottom:10px; right:14px; font-size:1.077em}

/* 바로가기 */
.main_barogagi {width:1400px; margin:0 auto}
.main_barogagi h3 {padding:12px 36px 14px; font-size:1.538em}
.main_barogagi h3 br {display:none}
.main_barogagi ul {margin:25px 0 0; justify-content: center}
.main_barogagi ul li {width:158px; margin:0 10px}
.main_barogagi ul li a {width:128px; height:128px; border-radius:50%; border:15px solid rgba(255,255,255,0.3); box-shadow:  0 2px 6px rgba(0,0,0,0.05)}
.main_barogagi ul li a span {width:128px; height:128px; padding:80px 0 0; box-shadow:none; border-radius:50%; background-position:left 50% top 20px !important; text-align: center; font-size:1.286em}
.main_barogagi ul li a:hover span {box-shadow:inset 0 0 0 2px #78baf0}

/* quick02 */
#quick02 {display: block; position: absolute; right:0; top:345px; z-index:10}
.quick_wrap {margin-right:10px; padding-bottom:50px}
#quick02 .quick_box {right: calc(100% + 13px); top:35px; width: 285px}
#quick02 .quick_btns .btn.on .quick_box {display: block}
#quick02 .quick_box {display:none; overflow: hidden; position: absolute; top:-30px; right: calc(100% - 96px); width:448px; height:318px; padding:24px 110px 30px 25px; background:rgba(255,255,255,0.9); box-sizing:border-box}
#quick02 .quick_box .quick_list {display:flex; justify-content:flex-start; flex-wrap:wrap; text-align: center; font-weight: 500; gap:8px}
#quick02 .quick_box .quick_list li {width:calc(100% / 2 - 4px)}
#quick02 .quick_box .quick_list li a {overflow:hidden; position:relative; display: block; height:48px; line-height:46px; border:1px solid #d6d6d6; background:#fff; box-sizing: border-box; z-index:1}
#quick02 .quick_box .quick_list li a:before {content:""; position: absolute; left: 0; bottom:0; width:100%; height:0; background: #5988ff; transition: height .5s; z-index:-1}
#quick02 .quick_box .quick_list li:hover a {color:#fff}
#quick02 .quick_box .quick_list li:hover a:before {height: 100%}
#quick02 .quick_box .quick_list .qmu_tit {line-height:120%; font-size:1.077em}
#quick02 .quick_btns .qk {display:block; position: relative; width:86px; height:86px; margin:0 auto 1px; flex-direction: column; z-index:5; background-color:rgba(57,69,86,0.75); box-sizing: border-box; color:#fff; font-size:15px; text-align: center}
#quick02 .quick_btns .qk span {display:block; padding:55px 0 0}
#quick02 .quick_btns .qk01 span {background:url(../images/main/ico_quicktit01.png) no-repeat 50% 15px}
#quick02 .quick_btns .qk02 span {background:url(../images/main/ico_quicktit02.png) no-repeat 50% 15px}
#quick02 .quick_btns .qk03 span {background:url(../images/main/ico_quicktit03.png) no-repeat 50% 15px}
#quick02 .quick_btns .on .qk01 span {background:url(../images/main/ico_quicktit01_a.png) no-repeat 50% 15px}
#quick02 .quick_btns .on .qk02 span {background:url(../images/main/ico_quicktit02_a.png) no-repeat 50% 15px}
#quick02 .quick_btns .on .qk03 span {background:url(../images/main/ico_quicktit03_a.png) no-repeat 50% 15px}
#quick02 .quick_btns .on .qk {background-color:#5988ff}
.qbtn_tit {padding:0 0 14px; margin-bottom:14px; font-size:22px; color:#000; font-weight:600; border-bottom:1px solid #bbbcbe}
.qbtn_tit .engtxt {color:rgba(57,69,86,0.5); font-size:15px; font-weight:400} 
.qbtn_close {position:absolute; top:30px; right:110px}
.qbtn_close a {width:20px; height:20px; font-size:0; background:url(../images/main/btn_quick_close.png) no-repeat 50% 50%}

.btn_top {position:absolute; bottom:0; right:0; padding:5px 0 5px 5px; background:rgba(255,255,255,0.5); border-radius:50px 0 0 50px; box-shadow:0 3px 6px rgba(0,0,0,0.2); text-align: center}    
.btn_top a {position:relative; display: block; width:94px; height:36px; border-radius:50px 0 0 50px; background:linear-gradient(90deg, #1d8ce7, #5a5ab4)}    
.btn_top a span {position: relative; display:block; padding:11px 17px 11px 30px; color:#fff; font-size:1.154em}
.btn_top a span:after {content:""; display:block; position:absolute; top:5px; left:5px; width:25px; height:25px; background:#fff url(../images/main/btn_top_arr.png) no-repeat 50% 50%; border-radius:50%; text-align: center}
    
    
    
/* banner */
#main_banner {max-width:1400px; margin:0 auto}
.banner_wrap {padding:30px 0}
.ban_area {padding:0 15px 0 220px}
.ban_toparea {top:50px}
.banner_wrap .btns {top:0; left:120px}
.banner_wrap .btn_more {top:50px; left:95px}
.ban_toparea .tit {margin:0; font-size:1.538em}
    
/* Footer */
.reunion {position:relative; width:440px; background:none; z-index:1}
.reunion a {display:block; width:440px; height:276px}
.reunion a div {max-width:inherit; padding:80px 0 0 200px}
.reunion a .rbarogo {padding:18px 15px; margin-top:22px; font-size:1.154em; margin:10px 0}
.reunion a .rtxt {font-size:1.231em}

#footwrap {overflow:hidden; position:relative; min-height:276px; background:#0e2b37 url(../images/main/bg_footer_pc.gif) repeat-x 0 0}
#footwrap:after {content:""; display: block; position: absolute; top:0; left:50%; margin-left:260px; width:100%; height:100%; background:#225164 url(../images/main/bg_reunion_pc.jpg) no-repeat 0 0; z-index:0}
#footwrap:before {content:""; display: block; position: absolute; bottom:0; left:0; width:100%; height:38px; background:#0b222c}
.foot_wrap {flex-direction: row-reverse; max-width:1400px; margin:0 auto; background:none}

#footwrap .foot_area {position:relative; width:calc(100% - 440px); margin:0 auto }
#footwrap .mb_menu {display:none}
#footwrap .pc_menu:after {content:""; clear:both; display:block; height:0}
#footwrap .pc_menu li {float:left; height:68px; line-height:68px; padding: 0 17px; background:url(../images/main/blt_foot_dott.gif) left center no-repeat; text-align: center}
#footwrap .pc_menu li:first-child {background: none; padding-left:0}
#footwrap .pc_menu li a {font-size:14px; color:#acbcc2; font-weight:300}
#footwrap .pc_menu li.li_3 a {color:#fff}
#footwrap .pc_menu li a:hover{font-weight:600}
/*Admin*/
#footwrap .pc_menu li.fadmin {display: block; background:none; position:absolute; top:4px; right:30px; padding:0}
#footwrap .pc_menu li.fadmin a {display: block; width:110px; height:40px; line-height:40px; padding:0 10px 0 30px; margin:10px 0;  background:#1f4a5b url(../images/main/btn_admin.png) no-repeat 15px 50%; color: #fff; font-size: 14px; font-weight: 400; box-sizing: border-box; transition: all .3s}
#footwrap .pc_menu li.fadmin a span{margin-left:40px}
#footwrap .pc_menu li.fadmin a:hover {background-color:#0677a7}
.add_wrap {position: relative; padding:30px 250px 60px 0}
#footwrap address span.add_txt {margin-bottom:15px; font-size:1.154em}
#footwrap address span.add_txt br {display: none}
#footwrap .ftit {font-weight:500}
#footwrap .add_telinfo {font-size:1.077em; padding:10px 0}
#footwrap .add_telinfo li .tel_info {font-weight:400}
#footwrap .add_telinfo li .tel_info span {display:inline-block; min-width:180px; font-weight:300}
#footwrap .add_telinfo li .tel_tit {text-align: left}
#footwrap .count_box {display:block; overflow: hidden; position: absolute; top:32px; right:30px; width:200px; box-sizing: border-box; font-family:'SEBANG_Gothic'}
#footwrap .count_box h3 {font-size:0}
#footwrap .count_box ul li {height:40px; line-height:40px; font-size:1.077em; box-sizing: border-box; display: flex; justify-content: space-between;  box-sizing: border-box; color:#fff}
#footwrap .count_box ul li .tit {display:block; width:70px; text-align: center; color:rgba(255,255,255,0.5)}
#footwrap .count_box ul li .num{display: inline-block; width:calc(100% - 80px); margin:0 10px; text-align:right}
#footwrap .count_box ul li.today {background:rgba(255,255,255,0.1); margin-bottom:5px}
#footwrap .count_box ul li.total {background:rgba(255,255,255,0.2)}
#footwrap .copy {position:absolute; bottom:0; left:0; width:100%; padding:12px 0; box-sizing: border-box; background:none; text-align:left}

    
    
    
}

/**** LOWSET FIX ****/
@media only screen and (min-width:1025px) and (max-width:1299px) {
}
@media only screen and (min-width:1400px) {
/* Menu FIX */
.fixed {position:fixed; top:0; left:0; width:100%; height:120px; padding-left:0; margin-top:-79px; background:rgba(255,255,255,0.9); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .gnb_box{ margin: 0 auto; background:none}
    
}
/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1500px) {
    
}

@media only screen and (min-width:1025px) and (max-width:1900px) {
    .content03 {padding:0 25px 40px}
    
    /* 학과소개 */
    .main_depart button.slick-prev {left:-15px}
    .main_depart button.slick-next {right:-15px}
    .depart a {height:310px}
    .depart .dimg {height:180px}
    .depart .dtxt {margin:12px 25px}
    
    /* popup */
    .btn_mpop {right:120px}
    
}
@media only screen and (min-width:800px) and (max-width:1024px) {
    /* 운영성과 */
    .oper_conarea {display:flex; justify-content: space-between; flex-wrap:wrap}
    .opercon01 {width:calc(50% - 10px)}
    .opercon02 {width:calc(50% - 10px)}
    .oper_box {width:100%}
    
}

@media only screen and (min-width:1779px) and (max-width:1900px) {
    /* 학과 안내 */
    .content03 {padding:60px 20px}
    .depart a {width:230px}
    .depart .dimg {width:230px}
    
}

@media only screen and (max-width:580px) {
/* layer popup */
/*
    .mpop_layer a {width:290px; height:182px}
    .mpop_layer img {width:290px; height:182px}
    .mpop_lstwrap {margin-left:-145px}
    .mpop_lstwrap .mpop_tb {width:290px}
    .mpop_tit {font-size:18px}
    .btn_poptoday a {font-size:1.077em}
    .mpop_lstwrap .slick-arrow {width:15px; background-size:15px auto}
    .mpop_lstwrap .slick-prev {left:-20px}
    .mpop_lstwrap .slick-next {right:-20px}
*/
}
@media only screen and (max-width:430px) {
.logo a .logo_txt {align-items:center}
.logo a .logo_txt span {font-size:11px; letter-spacing:-0.5px; margin-left:-2px}
.logo a .logo_txt span.lt06 {padding-left:2px}
.logo a .logo_txt .lt07 {font-size:11px; letter-spacing:-0.5px; margin-top:1px}

}



/* 애니메이션 효과 영역 */

@keyframes blink {
  0% {opacity: 1}
  50% {opacity: 0.2}
  100% {opacity: 1}
}

@keyframes zoom {
    0% {background-size:auto 900px}
  50% {background-size:auto 950px}
  100% {background-size:auto 900px}
}

@keyframes slide {
    0% {width:0}
    100% {width:100%}
}

@keyframes beam {
  0% {background:none}
  50% {background:rgba(255,255,255,0.5)}
  100% {background:none}
}

@keyframes rotate {
    100% {transform: rotate(360deg)}
}
@keyframes rotate2 {
    0% {transform:scale(1)}
    50% {transform:scale(1.05)}
    100% {transform:scale(1)}
}




/*KYJ 알림팝업 변경 추가 25.08.19*/
/*알림팝업 기본레이아웃*/
.mpop_top {padding:0 0 30px}
.mpop_tit {font-size:27px; color:#fff; text-align:center}
.mpop_tit .col_yel {color:#ffc467}
.mpop_tit .engtxt {font-size:19px; color:rgba(255,255,255,0.5)}
.mpopup_box.on {display:block}
.mpopup_box {display: none; position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px; z-index: 1000}
.mpopup_box.on {display:block}
.mpopup_box .mpop_lstwrap {position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%; max-width:1400px; padding: 20px 30px; box-sizing:border-box}
/*알림팝업 이미지*/ 
.mpop_layer{width:382px; height:239px}
.mpop_layer a {display: block; overflow: hidden; width:382px; height:239px; margin: 0 auto; border-radius: 10px}
.mpop_layer img{width:382px; height:239px}
/*알림팝업 버튼*/
.mpop_lstwrap .slick-arrow {position: absolute; top:50%; width:20px; height:30px; margin-top:-10px; font-size:0}
.mpop_lstwrap .slick-prev {left:-30px; background:url(../images/main/btn_popup_prev.png) no-repeat 50% 50%}
.mpop_lstwrap .slick-next {right:-30px; background:url(../images/main/btn_popup_next.png) no-repeat 50% 50%}
/*메인 클릭버튼*/
.btn_mpop {position:absolute; top:760px; right:280px}
.btn_mpop .btn_mpoptit:after {content:""; display:block; position:absolute; top:-6px; left:-6px; width:96px; height:96px; border:1px solid rgba(255,255,255,0.7); border-radius:50%; animation:rotate2 2s linear infinite; z-index:0; box-shadow:0 4px 5px rgba(0,0,0,0.1)}
.btn_mpop .btn_mpoptit:before {content:""; display:block; position:absolute; top:0; left:0; width:86px; height:86px; border-radius:50%; background:rgba(255,255,255,0.5); animation:rotate 20s linear infinite; z-index:0}
.btn_mpop .btn_mpoptit a {position:relative; display:block; width:70px; height:70px; margin:8px; line-height:120%; padding:18px 0; background:linear-gradient(90deg, #1d8ce7, #5a5ab4); border-radius:50%; text-align: center; color:#fff; font-size:1.154em; box-sizing: border-box; z-index:1}
.btn_mpop .btn_mpoptit a span {display: block; color:#fffaa1}
/*팝업 오늘하루 열지않기 버튼*/
.btn_poptoday a {display:block; margin:30px 20px 0 0; padding:10px 0; background:rgba(255,255,255,0.3); border-radius:50px; text-align: center; color:#fff; font-size:1.154em}
.btn_poptoday a span {padding:0 20px 0 0; background:url(../images/main/bg_poptoday_close.png) no-repeat right 0 top 50%}
/*팝업 닫기 버튼*/
.btn_popclose {position: absolute; bottom:19px; right:0}
.btn_popclose a {display:block; padding:5px; background:rgba(255,255,255,0.5); border-radius:50%; animation:beam 1.8s infinite}
.btn_popclose a span {display:block; width:27px; height:27px; line-height:27px;border-radius:50%; background:#fff; text-align: center}
@media only screen and (max-width:445px) {
/*알림팝업 이미지*/ 
.mpop_layer{width:250px; height:157px}
.mpop_layer a {width:250px; height:157px}
.mpop_layer img{width:250px; height:157px}
}