@charset "utf-8";

/* 교내사이트 팝업 */
#ajaxLayer {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background: rgba(0,0,0,.8);}
.site_pop {position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff url(/common/tmpl/skinA/img/pop_bg.jpg)no-repeat center bottom;background-size: 100% auto;}
.site_pop .inner {position:relative; width:100%; height:100%;}
.site_pop .modal__close {position:absolute;right: 30px;top: 30px;width:40px;height:40px;}
.site_pop .modal__close button {display:block;width:100%;height:100%;font-size: 0;}
.site_pop .modal__close button:before,
.site_pop .modal__close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.site_pop .modal__close button:before {width:100%;height: 2px;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.site_pop .modal__close button:after {width: 2px;height:100%;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.site_pop .modal_btn {position:absolute;right: 30px;top: 30px;width:40px;height:40px;}
.site_pop .modal_btn button {display:block;width:100%;height:100%;font-size: 0;}
.site_pop .modal_btn button:before,
.site_pop .modal_btn button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.site_pop .modal_btn button:before {width:100%;height: 2px;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.site_pop .modal_btn button:after {width: 2px;height:100%;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}


.site_pop #sitepop {width: 100%;max-width: 1400px;height: 100%;margin: 0 auto;padding: 50px 0;}
.site_pop #sitepop .menu_wrap {border-bottom:3px solid #ac1d3d;}
.site_pop #sitepop .menu_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
.site_pop #sitepop .menu_wrap li {display:inline-block; margin-right:50px;}
.site_pop #sitepop .menu_wrap li a {display:block; position:relative; line-height:1; padding:0 10px 25px;font-size:20px; color:#131313; transition:all 0.3s; -webkit-transition:all 0.3s; }
.site_pop #sitepop .menu_wrap li a:after {display:block; opacity:0; position:absolute; right:-5px; top:0; content:''; width:7px; height:7px; border-radius:50%; background:#a41735;  transition:all 0.3s; -webkit-transition:all 0.3s; }
.site_pop #sitepop .menu_wrap li a.ov {font-size:22px; font-weight:700; color:#bf2043;}
.site_pop #sitepop .menu_wrap li a.ov:after {opacity:1;}
.site_pop #sitepop .con_wrap {overflow-x: hidden;overflow-y: auto;position: relative;height: calc(100% - 163px);}
.site_pop #sitepop .con_wrap .con {}
.site_pop #sitepop .con_wrap .con .inner {width: auto;}
.site_pop #sitepop .con_wrap .con .inner .col {padding: 30px 0;}
.site_pop #sitepop .con_wrap .con .inner .col .list1 {}
.site_pop #sitepop .con_wrap .con .inner .col .list1:after {display:block; clear:both; visibility:hidden; content:'';}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li {float:left;width:33.33%;margin: 0 0 20px;}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li> a {display:block;position:relative;background-image:url(/common/tmpl/skinA/img/site_arr.png);background-repeat: no-repeat;background-position: 93% center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li>a span,
.site_pop #sitepop .con_wrap .con .inner .col .list1>li >span {display:inline-block;position:relative;line-height: 50px;padding-left: 30px;color:#151515;font-size:17px;font-weight: 700;}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li >span:after,
.site_pop #sitepop .con_wrap .con .inner .col .list1>li >a span:after {display:block;position:absolute;left: 15px;top: 24px;content:'';width: 6px;height: 2px;border-radius: 3px;background:#767676;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li> a:hover,
.site_pop #sitepop .con_wrap .con .inner .col .list1>li> a:focus {background-color: #ce3051;}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li> a:hover span,
.site_pop #sitepop .con_wrap .con .inner .col .list1>li> a:focus span {font-weight:700;color:#fff;}
.site_pop #sitepop .con_wrap .con .inner .col .list1>li >a:hover span:after,
.site_pop #sitepop .con_wrap .con .inner .col .list1>li >a:focus span:after {background:#fff;}
.site_pop #sitepop .con_wrap .con .inner .col .list2 {padding-left: 30px;}
.site_pop #sitepop .con_wrap .con .inner .col .list2>li {margin:5px 0;}
.site_pop #sitepop .con_wrap .con .inner .col .list2>li> a {display:block; position:relative; padding-left:15px; color:#4c4c4c; font-size:16px;}
.site_pop #sitepop .con_wrap .con .inner .col .list2>li> a:after {display:block;position:absolute;left:0;top: 12px;content:'';width:7px;height:2px;background:#aaaaaa;}
.site_pop #sitepop .con_wrap .con .inner .col .list2>li> a:hover span,
.site_pop #sitepop .con_wrap .con .inner .col .list2>li> a:focus span {text-decoration:underline;}
.site_pop .qr_wrap {overflow: hidden;position: absolute;right: 0;bottom: 0;width: 600px;padding: 30px 40px 20px 0;background: #272933;}
.site_pop .qr_wrap strong {display: block;position: relative;padding-left: 35px;margin: 0 0 5px;line-height: 1;font-size: 18px;font-weight: 500;color: #fff;}
.site_pop .qr_wrap strong:after {display:block;position:absolute;content:'';top:50%;left: 225px;right:-50px;width:auto;height: 1px;background:#fff;}
.site_pop .qr_wrap .row {display: inline-block;float: left;position:relative;width: 50%;margin: 0;padding: 20px 0 0 40px;vertical-align: top;}
.site_pop .qr_wrap .row:after {display:block; clear:both; visibility:hidden; content:'';}
.site_pop .qr_wrap .row .tit {float:left;font-size: 16px;font-weight: 700;color: #fff;}
.site_pop .qr_wrap .row .tit span {display:inline-block; width:16px; height:19px; margin:-5px 5px 0 0;background:url(/common/tmpl/skinA/img/icon.png)no-repeat; vertical-align:middle;}
.site_pop .qr_wrap .row .tit.tit1 span {background-position:0 0;}
.site_pop .qr_wrap .row .tit.tit2 span {background-position:-16px 0;}
.site_pop .qr_wrap .row .qr {float:right;}
.site_pop .qr_wrap .row .qr img {width:70px;}

@media(max-width:1479px){
    .site_pop #sitepop {padding:50px 40px;}
}
@media(max-width:1279px){
    .site_pop #sitepop .con_wrap .con .inner {}
    .site_pop #sitepop .con_wrap .con .inner .col {}
    .site_pop #sitepop .con_wrap .con .inner .col .list2 {padding-left:20px;}
    .site_pop #sitepop .con_wrap .con .inner .col .list2>li> a {font-size:15px;}
}
@media(max-width:1023px){
    .site_pop #sitepop {}
    .site_pop #sitepop .menu_wrap li {margin-right:20px;}
    .site_pop #sitepop .menu_wrap li a,
    .site_pop #sitepop .menu_wrap li a.ov {font-size: 18px;}
    .site_pop #sitepop .con_wrap .con .inner .col,
    .site_pop #sitepop .con_wrap .con.con1 .inner .col {}
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li {width:50%;}
}
@media(max-width:767px){
    .site_pop #sitepop {padding: 30px 25px;}
    .site_pop #sitepop .menu_wrap {padding:0 0 10px;padding-right: 20px;}
    .site_pop #sitepop .menu_wrap li {margin-right: 0;}
    .site_pop #sitepop .menu_wrap li a,
    .site_pop #sitepop .menu_wrap li a.ov {padding: 0 10px 10px;font-size: 16px;}
    .site_pop #sitepop .menu_wrap li a:after {top: -3px;right: 1px;width: 5px;height: 5px;}
    .site_pop #sitepop .con_wrap {height: calc(100% - 100px);}
    .site_pop #sitepop .con_wrap .con .inner .col,
    .site_pop #sitepop .con_wrap .con.con1 .inner .col {width: calc(100% - 40px);min-height:auto;padding: 10px 0 20px;}
    .site_pop #sitepop .con_wrap .con.con2 .inner .col,
    .site_pop #sitepop .con_wrap .con.con2 .inner .col:nth-child(5),
    .site_pop #sitepop .con_wrap .con.con2 .inner .col:nth-child(6),
    .site_pop #sitepop .con_wrap .con.con2 .inner .col:nth-child(7),
    .site_pop #sitepop .con_wrap .con.con2 .inner .col:nth-child(8),
    .site_pop #sitepop .con_wrap .con.con3 .inner .col {min-height:auto; }
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li>a span,
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li >span {line-height: 40px;font-size: 16px;}
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li >span:after,
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li >a span:after {top: 19px;}

    .site_pop .qr_wrap {width: 100%;padding: 20px 0;text-align:center;}
    .site_pop .qr_wrap strong {display:none;}
    .site_pop .qr_wrap .row {float:none;width:auto;padding: 0;margin: 0 10px;}
    .site_pop .qr_wrap .row .tit {padding:4px 0 0;}
    .site_pop .qr_wrap .row .qr {margin-left:10px;}
    .site_pop .qr_wrap .row .qr img {width:40px;}
    .site_pop .modal__close,
    .site_pop .modal_btn {width:20px; height:20px;}


}

@media(max-width:640px){
    .site_pop #sitepop .con_wrap .con .inner .col .list1>li {float:none;width:100%;}
}



/* popup */
.modal-open #op_layout {z-index:1;}
#op_layout{position:relative;z-index: 9999;width:100%;height:0;background: #21314c url(/common/tmpl/skinA/img/popbg.png);background-size: auto 100%;text-align:center;}
#op_layout.on{height: 140px;}
#op_layout .op_wrap{display:none;}
#op_layout.on .op_wrap{display: inline-block;width:100%;max-width: 1400px;height:100%;padding: 37.5px 0;}
#op_layout .op_wrap .sliderBox{display:none;}
#op_layout.on .op_wrap .sliderBox{display:inline-block;overflow:hidden;width:100%;height:100%;}
#op_layout .op_wrap .sliderBox ul{overflow: hidden;position:relative;width:100%;height: 65px;}
#op_layout .op_wrap .sliderBox ul .item{float: left;position:relative;width: 50%;height: 65px;padding: 0 65px 0 45px;text-align:left;}
#op_layout .op_wrap .sliderBox ul .item:nth-child(2n) {border-left:1px solid rgba(255,255,255,.15);}
#op_layout .op_wrap .sliderBox ul .item a,
#op_layout .op_wrap .sliderBox ul .item .a{display:block;position: relative;width:100%;height:100%;line-height:1.2;padding: 0 120px 0 105px;}
#op_layout .op_wrap .sliderBox ul .item .a {padding: 0 0 0 105px;}
#op_layout .op_wrap .sliderBox ul .item .ico{display:block;position:absolute;top:0px;left: 0;width: 83px;height: 67px;}
#op_layout .op_wrap .sliderBox ul .item .ico01{background:url(/common/tmpl/skinA/img/popicon.png)no-repeat;}/* 공지 */
#op_layout .op_wrap .sliderBox ul .item .ico02{background:url(/common/tmpl/skinA/img/popicon2.png)no-repeat;}/* 입시 */
#op_layout .op_wrap .sliderBox ul .item .ico03{background:url(/common/tmpl/skinA/img/popicon3.png)no-repeat;}/* 학사 */
#op_layout .op_wrap .sliderBox ul .item .ico04{background:url(/common/tmpl/skinA/img/popicon4.png)no-repeat;}/* 행사 */
#op_layout .op_wrap .sliderBox ul .item .ico05{background:url(/common/tmpl/skinA/img/popicon5.png)no-repeat;}/* 기타 */

#op_layout .op_wrap .sliderBox ul .item a {position:relative;}
#op_layout .op_wrap .sliderBox ul .item .item_inner {position:absolute;top: 50%;width:60%;max-height:50px; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#op_layout .op_wrap .sliderBox ul .item strong{display:block;overflow:hidden;width:100%;margin:0 0 6px;color: #ffffff;font-size:21px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;font-weight:600;letter-spacing: -0.05em;}
#op_layout .op_wrap .sliderBox ul .item .txt2 {display:block;overflow:hidden;height:45px;color: #fff;font-size:14px;word-break:keep-all;margin-left:1px; width:100%; vertical-align:middle;white-space:nowrap;text-overflow:ellipsis; font-weight:100}
#op_layout .op_wrap .sliderBox ul .item strong em{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;position: absolute;top: 50%;width: 100%;max-height: 59px;line-height: 1.2;color: #fff;font-weight: 700;font-size: 18px;text-overflow: ellipsis;white-space: normal;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#op_layout .op_wrap .sliderBox ul .item .txt{display:block;overflow:hidden;position: absolute;top: 50%;right: 25px;height: 25px;line-height: 23px;padding: 0 15px 0 10px;margin: -12.5px 0 0;border: 1px solid #ffcf3e;border-radius: 20px;background: #ffcf3e;color: #151516;font-size: 13px;}
#op_layout .op_wrap .sliderBox ul .item .txt em {display:inline-block;position: relative;width: 20px;height: 20px; margin:-2px 3px 0 0;vertical-align: middle;}
#op_layout .op_wrap .sliderBox ul .item .txt em:before,
#op_layout .op_wrap .sliderBox ul .item .txt em:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#op_layout .op_wrap .sliderBox ul .item .txt em:before{width: calc(100%/2);height: 1px;background: #151516;}
#op_layout .op_wrap .sliderBox ul .item .txt em:after {width: 1px;height: calc(100%/2);background: #151516;}
/*
#op_layout .op_wrap .sliderBox ul .item .ico02 + strong + .txt {border: 1px solid #ee6578;background: transparent;color: #fff;}
#op_layout .op_wrap .sliderBox ul .item .ico02 + strong + .txt em:before,
#op_layout .op_wrap .sliderBox ul .item .ico02 + strong + .txt em:after {background:#fff;}*/
#op_layout .op_wrap .controlBox{display:none;}
#op_layout.on .op_wrap .controlBox{display:block;width:100%;}
#op_layout.on .op_wrap .controlBox .paging{display: none;}
#op_layout.on .op_wrap .controlBox .paging .btn_page{display:inline-block;width:26px;height:26px;font-size:0;}
#op_layout.on .op_wrap .controlBox .paging .btn_page.on{background-position:0 0;}
#op_layout.on .op_wrap .controlBox button{display:block;position:absolute;top: 50%;width:51px;height:51px;margin: -25.5px 0 0;background:url(/common/tmpl/skinA/img/poparr.png)no-repeat;font-size:0;}
#op_layout.on .op_wrap .controlBox button.btn_prev{left:50%;margin-left: -750px;background-position:0 0;}
#op_layout.on .op_wrap .controlBox button.btn_next{right:50%;margin-right: -720px;background-position:-51px 0;}
#op_layout.on .never {display:inline-block;}
#op_layout .never{display:none;position:absolute;bottom: 50%;right: 110px;margin: 0 0 -11px;border:none;background:transparent;vertical-align:middle;}
#op_layout .never #never_op{display:inline-block;position:absolute;top:-200px;vertical-align:middle;}
#op_layout .never #never_op:focus + label .icon { outline: 2px solid #00b1f3; }
#op_layout .never label{display:inline-block;margin: 0;line-height: 1;color: rgba(255,255,255,.5);font-size:14px;vertical-align:middle;}
#op_layout .never label .icon{display:inline-block;width: 16px;height: 15px;margin:-2px 5px 0 0;background: url(/common/tmpl/skinA/img/popcheck.png) no-repeat 0 0;vertical-align:middle;}
#op_layout .never #never_op:checked + label .icon{background-position:-16px 0;}

#op_layout .btn_open,
#op_layout > .btn_close {display:block;position:absolute;right:40px;bottom: 45px;z-index: 99999;width: 50px;height: 50px;padding: 0;color:#fff;font-size:14px;line-height:1;vertical-align:top;font-family: 'exo';font-weight: 700;}
#op_layout .btn_open a,
#op_layout > .btn_close a {display:block;position: relative;opacity: 1;width:100%;height:100%;color:#fff;font-size: 0;text-shadow: none;font-family: "exo";}
#op_layout > .btn_close a:after {display:block;position:absolute;top: -8px;left: -8px;z-index: 1;content:'';width: calc(100% + 15px);height: calc(100% + 15px);border-radius: 50%;background: rgba(255,255,255,.1);}
#op_layout .btn_open span,
#op_layout > .btn_close span {display:block;margin: 0;color:#ffc000;line-height:1;vertical-align:top;font-family: 'exo';font-size: 0;}
#op_layout .btn_open em,
#op_layout > .btn_close em {display:block;position: relative;z-index: 2;width: 100%;height: 100%;margin:0 auto;border-radius: 50%;background: #8c1d33;background: -webkit-linear-gradient(-45deg, #8c1d33, #ac2b43);background: linear-gradient(-45deg, #8c1d33, #ac2b43);}
#op_layout .btn_open em:before,
#op_layout > .btn_close em:before,
#op_layout .btn_open em:after,
#op_layout > .btn_close em:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#op_layout .btn_open em:before,
#op_layout > .btn_close em:before {width: calc(100%/2.5);height: 2px;background: #fff;}
#op_layout .btn_open em:after,
#op_layout > .btn_close em:after {width: 2px;height: calc(100%/2.5);background: #fff;}

#op_layout .btn_open {display: none;padding:10px 0 0;}
#op_layout > .btn_close {display:none;}
#op_layout > .btn_close em {transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#op_layout.on > .btn_close{display:block;}

@media(max-width:1930px){
    #op_layout .never {right: 40px;bottom: 10px;margin: 0;}
}
@media (max-width:1799px){
    #op_layout.on .op_wrap {max-width:700px;}
    #op_layout .op_wrap .sliderBox ul .item {width:100%;}
    #op_layout .op_wrap .sliderBox ul .item:nth-child(2n) {border:none;}
    #op_layout.on .op_wrap .controlBox button.btn_prev{left: 40px;margin-left:0;}
    #op_layout.on .op_wrap .controlBox button.btn_next{right: 40px;margin-right:0;}
    #op_layout > .btn_close {right:100px;bottom: 42px;}
    #op_layout > .btn_close a:after {display:none;}
}
@media (max-width:1023px){
    #op_layout.on {height: 150px;}
    #op_layout.on:after {display:block; position:absolute; left:0; bottom:50px; content:''; width:100%; height:1px; background:rgba(255,255,255,.1);}
    #op_layout.on .op_wrap .controlBox button{top:auto; bottom:10px; width:30px;height:30px;margin:0;background-size:60px auto;}
    #op_layout.on .op_wrap .controlBox button.btn_prev{left:25px; }
    #op_layout.on .op_wrap .controlBox button.btn_next{right: 25px;background-position:-30px 0;}

    #op_layout .never {right: 50%;bottom: 15px;margin: 0;transform: translateX(50%);-webkit-transform: translateX(50%);}

    #op_layout.on .op_wrap {padding: 26px 0 0;}
    #op_layout .op_wrap .sliderBox ul,
    #op_layout .op_wrap .sliderBox ul .item {height:50px;}
    #op_layout .op_wrap .sliderBox ul .item a,
    #op_layout .op_wrap .sliderBox ul .item .a {padding: 0 120px 0 75px;}
    #op_layout .op_wrap .sliderBox ul .item .a {padding: 0 0 0 85px;}
    #op_layout .op_wrap .sliderBox ul .item .ico {width: 64px;height: 50px;}
    #op_layout .op_wrap .sliderBox ul .item .ico01,
    #op_layout .op_wrap .sliderBox ul .item .ico02,
    #op_layout .op_wrap .sliderBox ul .item .ico03,
    #op_layout .op_wrap .sliderBox ul .item .ico04,
    #op_layout .op_wrap .sliderBox ul .item .ico05 {background-size:64px 50px;}
    #op_layout .op_wrap .sliderBox ul .item strong {padding: 0;font-size:16px;}
    #op_layout .op_wrap .sliderBox ul .item strong em {max-height:53px;font-size:16px;}

    #op_layout .btn_open,
    #op_layout > .btn_close {bottom: 10px;right: 60px;width: 30px;height:30px;}
    #op_layout > .btn_close a:after {display:none;}

}

@media screen and (max-width:767px){
    #op_layout .op_wrap .sliderBox ul .item {padding:0 25px}
    #op_layout .op_wrap .sliderBox ul .item a,
    #op_layout .op_wrap .sliderBox ul .item .a {padding: 0 28px 0 75px;}
    #op_layout .op_wrap .sliderBox ul .item .a {padding: 0 0 0 85px;}
    #op_layout .op_wrap .sliderBox ul .item .txt {right: 0;width: 25px;padding: 0;font-size:0;}
    #op_layout .op_wrap .sliderBox ul .item .txt:before,
    #op_layout .op_wrap .sliderBox ul .item .txt:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #op_layout .op_wrap .sliderBox ul .item .txt:before{width:50%;height: 2px;background: #1a1b1c;}
    #op_layout .op_wrap .sliderBox ul .item .txt:after {width: 2px;height:50%;background: #1a1b1c;}
    #op_layout .op_wrap .sliderBox ul .item .txt em {margin:0;}
    #op_layout .btn_open,
    #op_layout > .btn_close {/* bottom: -75px; *//* width:50px; *//* height:75px; *//* padding: 8px 0 0; */}
    #op_layout .btn_open {padding: 10px 0 0;}
    #op_layout .btn_open a, #op_layout > .btn_close a {font-size:0;}
	#op_layout .op_wrap .sliderBox ul .item .item_inner {max-height:48px; width:calc(100% - 135px);}


}
  
/* 동영상팝업 */
#myModal {z-index: 998;}
#myModal .modal-dialog {width: 100%;height: 100%;margin: 0 auto;}
#myModal .modal-content {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#myModal .modal-content iframe {width:600px; height:340px;}
#myModal .modal-footer {margin: -5px 0 0;}
.open_popup.modal-open #gnb,
.open_popup.modal-open #top_layout .top_wrap #logo,
.open_popup.modal-open #top_layout .top_wrap .right_utile  {z-index:1;}
@media screen and (max-width:767px){
    #myModal .modal-content iframe {width: 500px;height: 275px;}
}
@media screen and (max-width:550px){
    #myModal .modal-content iframe {width: 320px;height: 200px;}
}