/* header */
.header {position:relative;width: 100%;letter-spacing: -0.05em;background:#fff;border-bottom: 1px solid #e6e6e6;z-index:9999;height: 128px;}
.header:after {clear: both; display: block; width: 100%; content: "";}
.header .top_util{line-height:38px;text-align: left;background:#3D3A39;font-size:0.875rem;}
.header .top_util ul{display: flex;}
.header .top_util ul li{float: left; position: relative;}
.header .top_util ul li+li:before{content: ''; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:2px; height: 2px; background: #fff; opacity: .8; border-radius: 5px; }
.header .top_util ul li a{color:#fff;padding: 0 25px;display: block;text-align: center;font-size: 0.8rem; opacity: .8; }
.header .top_util ul li:first-child a{padding-left: 0;}
.header .top_util ul li .zoom_area{}
.header .top_util ul li .zoom_area p{display: inline-block;background: #f0f0f0;padding: 0 12px;font-size: 0.8rem;}
.header .top_util ul li .zoom_area div{display: inline;}
.header .top_util ul li .zoom_area div a{display: inline-block;background: #2e2e2e;color: #fff;padding: 0 13px;text-align: center;font-size: 28px;vertical-align: bottom;margin-left: -1px;font-weight: 100;}
.header .top_util ul li.on a {opacity: 1; }
.header .top_util .popup_open {position: relative; display: block; background: #050505; color: #fff; padding: 0 15px 0 34px; font-weight: 600; text-decoration: none;}
.header .top_util .popup_open:before{content: ''; position: absolute;  width: 16px; height: 16px; left: 10px; top: 50%; transform: translateY(-50%); background: url("../images/layout/common/ico_popup.png") no-repeat;}
.header .top_util .popup_open:after{content: ''; position: absolute;  width: 6px; height: 6px; top: 10px; left: 20px; background: #F11D1D; border-radius: 5px;}
.header .top_util .wrap {overflow: hidden; display: flex; justify-content: space-between; max-width: 1240px; margin: 0 auto;}.link_gr{display: flex;}.header .top_util .link_gr .search {position: relative; display: block; color: #fff; font-weight: 600; padding: 0 15px 0 32px; background: #050505; border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2);}.header .top_util .link_gr .search:before{content: ''; position: absolute;  width: 16px; height: 16px; left: 10px; top: 50%; transform: translateY(-50%); background: url("/resources/images/site/common/ico_top_search.svg") no-repeat;}

.header .header_wrap{position: absolute; height: 90px;width: 100%;}
.header .head_menu{background: #fff;border-bottom: 1px solid #e6e6e6; max-width: 1240px; margin: 0 auto;}
.header .head_menu h1{position: absolute;left: 0;top: 17px;/* transform: translateY(-50%); */z-index: 30;}
.header .head_menu h1 a{display: inline-block; width: 100%; height: 100%;}.header .head_menu h1 a:hover{text-decoration: none;}
.header .head_menu h1 img{vertical-align: middle;}
.header .head_menu h1 span{font-size: 1.5rem; padding-left: 15px; font-weight: 700; color: #333;}
.header .head_menu .gnb{position: absolute;height: 90px;width: 100%;padding: 0 90px 0 27%;}
.header .head_menu .gnb .depth01 {display: flex; justify-content: space-between; height: 100%;}
.header .head_menu .gnb .depth01 li{vertical-align: top;text-align: left;width: 100%;}
.header .head_menu .gnb .depth01 li a{color: #101010;font-size: 1.2rem;font-weight: 500;display:inline-block;transition: all .3s ease;}.header .head_menu .gnb .depth01 li:hover a{text-decoration: none;}.header .head_menu .gnb .depth01 > li > a > span{display: flex; align-items: center; height: 90px;}

.header .head_menu .gnb .depth01 li a span{position:relative;}
.header .head_menu .gnb .depth01 li a span:after{content:"";position:absolute;width: 0;height: 3px;background:#F29300;left: 0;top: 88px;transition:all .3s ease;}
.header .head_menu .gnb .depth01 li:hover a span:after{width:100%;}
.header .head_menu .gnb .depth01 li .depth02{/* background: #f9f9f9; *//* position: absolute; *//* width: 100%; */left: 0;display: flex;}
.header .head_menu .gnb .depth01 li .depth02 .m_tit {background: #72665E; width: 25%; display: flex;justify-content: center; display: none;}
.header .head_menu .gnb .depth01 li .depth02 .m_tit span{position: relative; text-align: left; font-size:2rem;color: #fff; font-weight: 600; display: inline-block; padding-top: 55px; }
/*.header .head_menu .gnb .depth01 li .depth02 .m_tit span:before{content: ''; display: block; width: 30px; height:30px; background: url(../images/logo/symbol.png) no-repeat;}*/
/*.header .head_menu .gnb .depth01 li .depth02 .m_tit span:after{content: 'Energize Dongguk';display: block; opacity: .2;font-size: 1.5rem; font-weight: 400;}*/
.header .head_menu .gnb .depth01 li .depth02 ul{/* padding: 50px; */width: 100%;/* display: flex; */flex-wrap: wrap;padding-top: 30px;/* padding-left: 40px; */}
.header .head_menu .gnb .depth01 li .depth02 li{display: block;margin-bottom: 3px;width: 100%;text-align: left;}
.header .head_menu .gnb .depth01 li .depth02 li a {position:relative;font-size: 1rem;font-weight: 500;color: #555; /* line-height: 2.4rem; */display:inline-block;/* padding: 15px; *//* font-variant: titling-caps; */line-height: 1.3; margin-bottom:5px;}
.header .head_menu .gnb .depth01 li .depth02 li a:hover{color: #EA5514;transition: all .3s ease; text-decoration: underline; /*-webkit-box-shadow: inset 0 -1.2rem 0 0 #F9E1BE;
    box-shadow: inset 0 -1.2rem 0 0 #F9E1BE;*/}
/*.header .head_menu .gnb .depth01 li .depth02 li a:hover:before{content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px ;background: #EA5514;}*/
.header .head_menu .gnb .depth01 li .depth02 li a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(2px); margin-left:5px; width: 15px ;height: 15px; background: url("../images/layout/common/ico_link.png") no-repeat;}
.header .gnb_util{position: absolute;right: 0;top:0; height: 90px;width: 100px;margin: 0 auto;}

.header .gnb_util .btn_ham{background: transparent url('../images/layout/common/btn_ham.png') center no-repeat;padding: 12px;display: inline-block;width: 90px;height: 100%;right: 0;position: absolute;top: 50%;transform: translateY(-50%); z-index: 30;}
.header .gnb_util .full_menu{width: 102vw;height:100%;overflow-y: scroll;background: #174B7E;position: fixed;left: 50%;top: 0;z-index: 99999;transform: translateX(-50%);min-height: 897px;box-sizing: border-box;}
.header .gnb_util .full_menu .wrap {max-width: 1400px;}
.header .gnb_util .full_menu .depth1{display: inline-block;width: 100vw;height: 80vh;font-size: 0; margin-top: 80px; overflow-y:scroll; padding:0 50px; }
.header .gnb_util .full_menu .depth1 > li{display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.3);  width: 100%; padding: 30px 0; }
.header .gnb_util .full_menu .depth1 > li:first-child{border-left:0;}
.header .gnb_util .full_menu .depth1 > li > a{ position: relative; font-size: 1.6rem;font-weight: 400;color: #fff;width: 10%;float: left;line-height: 42px; }
.header .gnb_util .full_menu .depth1 > li > a > span{position: relative; display: inline-block;}
.header .gnb_util .full_menu .depth1 > li > .depth2{width: 90%;/* display: inline-block; */margin-top: 3px;float: left; padding-left: 50px;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li{width: calc(100% / 5);float: left;line-height: 2.5rem; vertical-align: top;padding-left: 10px;box-sizing: border-box;height: auto;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > a{position: relative; font-size: 1.3rem;font-weight: 400;color: rgba(255,255,255,.8);padding-left: 10px;display: block;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(3px); margin-left:8px; width: 19px ;height: 19px; background: url("../images/layout/common/ico_link_lg.png") no-repeat;}
/*.header .gnb_util .full_menu .depth1 > li > .depth2 > li > a:before{ content:'';display: block;position: absolute;top: 17px;left: 0;width: 4px;height: 4px;background-color: #b4b7bc;}*/
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3{margin-top: 16px;/* display: none; */}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li{margin-bottom: 10px;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{font-size: 1rem;position: relative;font-weight: 300;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:after{content:"";display:block;position:absolute;width:0;height:1px;left:0;bottom: -2px;background:#666;transition:all .3s ease;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:hover:after{width:100%;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:hover{color:#444; transition: all 0.3s ease;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li:last-child{margin-bottom:40px;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4{display: none;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li.blank a{position: relative;}
/*.header .gnb_util .full_menu .depth1 > li > .depth2 > li.blank a:after{content: '';position: absolute;background:url('/images/layout/ico_blank.png') center no-repeat;width:15px;height:15px;top: 11px;right: -25px;}*/
.header .gnb_util .full_menu .logo{display: none;}
.header .gnb_util .full_menu .menu_close{background: url('../images/layout/common/menu_close.png') center no-repeat;width: 45px;height: 45px;/* border-radius:60px; */position: absolute;right: 30px;color: #fff;top: 30px;}

.header .gnb_util .full_menu::-webkit-scrollbar {width: 15px;height: 10px;background: #ffffff;}
.header .gnb_util .full_menu::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #858585; background-clip: padding-box;  border: 5px solid transparent;}
.header .gnb_util .full_menu::-webkit-scrollbar-track {background: #f5f5f5; } html.fixed {overflow:hidden;} html.fixed body{overflow:hidden;}

/* gnb open */
.header_wrap.open{background: #fff;box-shadow: 0px 5px 30px rgba(61, 61, 61, 0.1);}
.header_wrap.open::after{content:"";position: absolute;left:0;top:90px;width:100%;border-top: 1px solid #e6e6e6;}
.header .head_menu .gnb .depth01 li a:hover ~ .depth02{color:#1a8dde;transition: all 0.2s ease;}
.header .head_menu {position: relative;}
/*.header .head_menu .gnb{transition: all 0.1s ease;}*/
.header .head_menu .gnb .m_tit{position: absolute; display:none;left: 0;top: 90px;z-index: 99;width: 25%;height: 100%;padding:30px 0 0 50px; background: url("../images/layout/common/menu_bg.jpg") center bottom no-repeat; background-size: cover; }
/*.header .head_menu .gnb .m_tit:after{content: ''; position: absolute; right: 0; bottom: 0; width: 120px; height: 130px; background: url("../images/layout/menu_logo.png") no-repeat;}*/
.header .head_menu .gnb .m_tit strong{font-size: 2rem; color: #fff; font-weight: 600; letter-spacing: 1px;}
.header .head_menu .gnb .m_tit p{color: rgba(255,255,255,.5); padding-top: 5px; font-size: 1.1rem; letter-spacing: 3px;}


/*주요링크*/
.link_banner {border-top: 1px solid #ddd;background: #fff;}
.link_banner ul {display: flex; }
.link_banner ul li {width: 100%;padding: 20px 0; text-align: center; display: flex; align-items: center; justify-content: center;}
.link_banner ul li a{display: inline-block; padding: 10px 10px 10px 40px; font-weight: 600; font-size: 1.1rem; line-height: 1.1rem;}
.link_banner ul li:nth-child(1) a{background: url("../images/layout/common/link_bn_ico_01.png") left center no-repeat;}
.link_banner ul li:nth-child(2) a{background: url("../images/layout/common/link_bn_ico_02.png") left center no-repeat;}
.link_banner ul li:nth-child(3) a{background: url("../images/layout/common/link_bn_ico_03.png") left center no-repeat;}
.link_banner ul li:nth-child(4) a{background: url("../images/layout/common/link_bn_ico_04.png") left center no-repeat;}
.link_banner ul li:nth-child(5) a{background: url("../images/layout/common/link_bn_ico_05.png") left center no-repeat;}
.link_banner ul li:nth-child(6) a{background: url("../images/layout/common/link_bn_ico_06.png") left center no-repeat;}
.link_banner ul li:nth-child(7) a{background: url("../images/layout/common/link_bn_ico_07.png") left center no-repeat;}

/*팝업존*/
.top-layer-pop{position: fixed;background: rgba(0,0,0,.8);z-index: 9999;width: 100vw;height: 0;opacity: 0;overflow: hidden;transition:opacity .3s ease;display: none;}
.top-layer-pop.show{height: 100%; opacity: 1;  display: block; z-index: 99999;}
.top-layer-pop .tpop-wrap{width: 100%;margin: 0 auto;padding: 5rem 0;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;background: #706b68;/* border-radius: 0 121px 0 0; */}
.top-layer-pop .tpop-wrap .tpop-box{width: 80%;margin: 0 auto;position: relative;padding: 1rem 0 5rem 0;}
.top-layer-pop .tpop-wrap .tpop-box h2{font-size: 2.5rem;font-weight: 600;color:#fff;text-align: center;text-transform: uppercase;}
.top-layer-pop .tpop-wrap .tpop-list{padding: 2rem 0;width: 100%; }
.top-layer-pop .tpop-wrap .tpop-list .slick-list{margin: 0 -10px;}
.top-layer-pop .tpop-wrap .tpop-list .slick-list li{position: relative;text-align: center;}
.top-layer-pop .tpop-wrap .tpop-list .slick-list li a{font-size: 0;display: block;}
.top-layer-pop .tpop-wrap .tpop-list .slick-list li .img img{vertical-align: top;width: 100%;max-width: 100%; image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;}
.top-layer-pop .tpop-wrap .tpop-list .slick-list .slick-slide{margin: 0 10px;}
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-prev,
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-next {width: 60px;height: 60px;background: rgba(0,0,0,0.4);border-radius: 36px;z-index: 9;}
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-prev{ left: -40px; }
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-next{ right: -40px; }
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-prev:before { background: url("https://www.dongguk.edu/resources/images/site/layout/tpop-prev.png") no-repeat center; -webkit-transition: all .2s ease-out;transition: all .2s ease-out; }
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-next:before { background: url("https://www.dongguk.edu/resources/images/site/layout/tpop-next.png") no-repeat center; -webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-prev:hover:before { left: 10%; }
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-next:hover:before { left: 90%; }
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-prev:before,
.top-layer-pop .tpop-wrap .tpop-list .slick-arrow.slick-next:before {content:"";position: absolute;width: 39px;height: 26px;transform: translate(-50%, -50%);top: 50%;left: 50%;opacity: 1;}
.top-layer-pop .tpop-wrap .tpop-list .slick-dots{bottom: -10px;}
.top-layer-pop .tpop-wrap .tpop-list .slick-dots li, .top-layer-pop .tpop-wrap .tpop-list .slick-dots li button{width: 9px;height: 9px;}
.top-layer-pop .tpop-wrap .tpop-list .slick-dots li button:before{content: "";width: 9px;height: 9px;background: #ffffff;border-radius: 11px;opacity: .4;}
.top-layer-pop .tpop-wrap .tpop-list .slick-dots li.slick-active button:before{opacity: 1;background: #ffffff;}
.top-layer-pop .tpop-wrap .tpop-box .pop-btn-area{ position: absolute; right: 0; bottom: 0; }
.top-layer-pop .tpop-wrap .tpop-box .pop-btn-area a{ padding: 15px 44px; color: #fff; font-size: 1.0625rem; text-align: left; border-radius: 38px; font-weight: 600; display: inline-block; }
.top-layer-pop .tpop-wrap .tpop-box .pop-btn-area .pop-today-close{ border: 2px solid #fff; }
.top-layer-pop .tpop-wrap .tpop-box .pop-btn-area .pop-close{ background: #1e1e1e; border: 1px solid #1e1e1e; box-shadow: 4px 4px 9px -2px rgba(0,0,0,.39); margin-left: 12px; }
.top-layer-pop .tpop-wrap .popup-empty{text-align: center; color: #fff; padding: 6rem 0; opacity: 0.5; font-size: 1.2rem; }
.top-layer-pop .tpop-wrap .tpop-list .txt{background: #fff;}
.top-layer-pop .tpop-wrap .tpop-list .txt .sort{display: block; padding: 20px;}
.top-layer-pop .tpop-wrap .tpop-list .txt .cont{padding: 30px; min-height: 250px; max-width:350px;  display: flex; flex-wrap: wrap; align-items: center;}
.top-layer-pop .tpop-wrap .tpop-list .txt .cont p {font-size: 1.5rem; font-weight: 600; color: #333; line-height: 1.5; width: 100%;}
.top-layer-pop .tpop-wrap .tpop-list .txt .cont .date{display: block; margin-top: 10px; color: #979797; font-weight: 700; width: 100%;}

/*footer*/
.footer{background: #272626; }
.footer .ft_top {border-bottom: 1px solid rgba(255,255,255,.15); }
.footer .ft_top ul{max-width: 1240px; margin: 0 auto; padding: 20px 0;}
.footer .ft_top ul li a{color: #fff; font-weight: 500;}
.footer .ft_top ul li.on a{color: #FFC700;  }
.footer .ft_bottom {display: flex; align-items: center; padding: 30px 0 80px; justify-content: space-between; }
.footer .ftb_left {display: flex; align-items: center;}
.footer .ft_bottom .txt{color: #9D9D9D; -webkit-text-fill-color: #9D9D9D; padding-left: 40px;}
.footer .ft_bottom .txt .address {font-weight: 500;}
.footer .ft_bottom .txt .address span {display: inline-block}
.footer .ft_bottom .txt .address span+span{padding-left: 20px;}
.footer .ft_bottom .txt .copyright {font-size: .9rem;}
.footer .ft_bottom .ft_sns a{display: inline-block; width:37px; height: 37px; }
.footer .ft_bottom .ft_sns a+a {margin-left: 20px;}
.footer .ft_bottom .ft_sns a.youtube{background: url("../images/layout/common/ico_youtube.png") center no-repeat;}
.footer .ft_bottom .ft_sns a.facebook{background: url("../images/layout/common/ico_facebook.png") center no-repeat;}
.footer .ft_bottom .ft_sns a.twitter{background: url("../images/layout/common/ico_twitter.png") center no-repeat;}
.footer .ft_bottom .ft_sns a.insta{background: url("../images/layout/common/ico_insta.png") center no-repeat;}
.footer .inner{max-width: 1240px; margin: 0 auto;}

/*to top*/
#scroll {position:fixed;right:30px;bottom:30px;cursor:pointer;width:60px;height:60px;background-color:#F29300;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;z-index: 1;}
#scroll i{position: relative; display: block; color: #fff; text-align: center; font-style: normal; font-size: .8rem; padding-top: 30px; }
#scroll i:before{display: block;content: "";width: 10px;height: 10px;border: 2px solid transparent;border-top: 2px solid #fff;border-left: 2px solid #fff;position: absolute;top: 21px;left: 53%;margin-left: -8px;transform: rotate(45deg);-ms-transform: rotate(45deg);transition: all 0.3s}
#scroll:hover i:before{top: 18px;}

/*snb*/
.snb_wrap{background:#fff; border-bottom: 1px solid #e6e6e6; }
.snb{max-width: 1240px; margin: 0 auto;}
.snb > ul { display: flex; align-items: center;}
.snb ul > .depth > a {position: relative; display: block;padding: 0 30px; height: 100%; line-height: 60px; color: #222; font-weight: 500;}
.snb ul > .depth > a:after{content: '';position: absolute; top: 50%; right: 20px; display: inline-block; width:4px;height: 4px;margin: -4px 0 0 10px;background-color: transparent;border-top: 2px solid #888;border-right: 2px solid #888;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all .3s;
}
.snb ul > .depth > a.active:after{ transform: rotate(45deg);}.snb ul > .depth:hover a{text-decoration: none;}
.snb ul > .depth > a:before {content: ''; position: absolute; width: 1px; height: 50%; right: 0; top:50%; transform: translateY(-50%); background: #ccc;}
.snb .depth{position: relative; min-width: 240px; margin-left: 5px;}
.snb .depth:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%; background: rgba(255,255,255,.15);}
.snb .depth ul{position: absolute; z-index: 10; width: 100%; background: #fff;  border: 1px solid #ddd; box-shadow: 0 4px 24px  rgba(65,65,65,.1);}

.snb .depth ul li:hover{background: #F6F6F6; }
.snb .depth ul li a{display: inline-block;width: 100%; height: 100%;padding: 15px 30px; position: relative;} .snb .depth ul li a[target="_blank"]:after { content: '';  display: inline-block; transform: translateY(2px); margin-left: 5px; width: 15px; height: 15px;background: url(../images/layout/common/ico_link.png) no-repeat;}
.snb .depth ul li:hover a{background: #f7f8f9;}
.snb .depth ul li.active a{color: #E94E1B;}
.snb .depth ul li.active:hover a{color: #333;}
.snb ul li.home{background: #3D3A39 url("../images/layout/common/ico_home.png") center no-repeat; width: 60px; height: 60px;}
.snb ul li.home a{display: inline-block; width: 100%; height: 100%;}

.subpage_top {max-width: 1240px; margin: 70px auto 0; position: relative; }
.contents { width: 100%;max-width: 1240px;margin: 0 auto;padding: 70px 0 150px; position: relative;}
.page_tit {font-size: 2rem; color: #222; }
/*유틸리티*/
.util{position: absolute; right: 0; top:0;}
.util li{position: relative; width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 50px;}
.util li+li{margin-left: 5px;}
.util > li{display: inline-block;}
.util > li > a{display: inline-block; width: 100%; height: 100%;}
.util .print {background:url("../images/layout/common/ico_print.png") center no-repeat;}
.util .share {background:url("../images/layout/common/ico_share.png") center no-repeat;}
/*유틸-공유하기*/
.card_share {float: right;position: relative;margin-top: -42px;}
.social {position: absolute;top: -10px;right: 5px;visibility: hidden;transform: translateY(0px);transition: transform 0.35s ease;}
.social_active {visibility: visible; z-index: 3; transform: translateY(75px);transition: transform 0.35s ease;}
.share_toggle {z-index: 2;}

.share_icon {display: block;width: 37px;height: 37px;line-height: 37px;margin-bottom: 5px;text-align: center;border-radius: 50%;background-color: #fff;transition: all 0.3s ease;outline: 0;box-shadow: 0 2px 4px rgba(0,0,0, 0.12), 0 2px 4px rgba(0,0,0, 0.1);}
.share_icon:hover,
.share_icon:focus {box-shadow: 0 3px 6px rgba(0,0,0, 0.12), 0 3px 6px rgba(0,0,0, 0.1);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.share_icon.facebook {background: #3b5998 url("../images/layout/common/ico_share_facebook.png") center no-repeat;}
.share_icon.twitter {background: #00abe3 url("../images/layout/common/ico_share_twitter.png") center no-repeat;}
.share_icon.kakao {background: #FAE300 url("../images/layout/common/ico_share_kakao.png") center no-repeat;}
.facebook:focus, .twitter:focus {border: 2px solid #000;}

@media all and (max-width:1540px){
    /*header*/
    .header .gnb_util .full_menu .menu_close{right: 2%;}
}

@media all and (max-width:1240px){
    /*layout*/
    .inner{padding: 0 15px;}
    .contents{padding: 70px 15px 150px; }
    .util{right: 15px;}
    
    /*header*/
    .header .head_menu h1 {top: 20px;}
    .header .head_menu .gnb{padding: 0 10% 0 30%;}
    .header .head_menu .gnb .depth01 li .depth02 li a {font-size: 1rem;}
    .header .head_menu .gnb .m_tit {width: 25%;}
    .header .gnb_util .btn_ham {width: 90px}
    
    /*footer*/
    .footer .ft_top ul{padding: 20px 15px; text-align: center;}
}

@media all and (max-width:1200px) {
    html{font-size: 14px;}
    /*header*/
    .header .head_menu h1 img{width:140px;}
    .header .head_menu h1 img.logotree{width: auto; height: auto;}
    .header .head_menu .gnb .depth01{display: none;}
    
    .header .gnb_util{border-bottom:1px solid #e6e6e6;}
    .header .gnb_util .full_menu{height: auto;/* min-height: 95vh; */ background: #fff;}
    .header .gnb_util .full_menu .wrap{padding:0;height: 100%;}
    .header .gnb_util .full_menu .menu_close{background: url(../images/layout/common/menu_close_sm.png) center no-repeat; top: 22px;}
    .header .gnb_util .full_menu .logo { display: block;position: absolute;top: 18px;left: 4%;}
    .header .gnb_util .full_menu .logo img{display: inline-block;vertical-align: middle; width:140px;}
    .header .gnb_util .full_menu .logo  span{ display: inline-block;   font-size: 1.5rem; vertical-align:middle; padding-left: 15px;font-weight: 700;color: #333;}
    .header .gnb_util .full_menu .depth1{/* background: #f8f8f8; */height: calc(100vh - 79px);position: relative;border-top: 1px solid #e6e6e6;margin-top: 90px; padding:0;}
    .header .gnb_util .full_menu .depth1:before{position:absolute;content:'';width: 10rem;height: 100vh;background: #2f3652;left:0;top:0;}
    .header .gnb_util .full_menu .depth1 > li{border-bottom: 0;padding: 0;/* height: 72px; *//* display: inline-block; */ background: #fff; margin: 0;}
    .header .gnb_util .full_menu .depth1 > li > a{width: 10rem;margin-right: 0;background: #2f3652;color: #fff;position: relative;font-size: 1rem;text-align: center;display: block;padding: 14px 0;position: relative;border-bottom: 1px solid rgba(255,255,255,0.15);font-weight: 500;z-index: 2;}
    .header .gnb_util .full_menu .depth1 > li > a > span:after{content: none;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > a:before {display: none;}
    .header .gnb_util .full_menu .depth1 > li > .depth2{display:none;width: calc(100% - 10rem);position: absolute;left: 10rem;margin-top: 0;top: 12px;box-sizing: border-box;z-index: 2;overflow-y: scroll;height: calc(100vh - 79px);padding: 0 10px 80px 10px;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li{display: block;width: 100%;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > a{font-size: 0.8889rem;font-weight: 400;border-bottom: 1px solid #e8e8e8;display: block;padding: 10px 0;margin-top: 0;color: #000;/* background: #f8f8f8; */} .header .gnb_util .full_menu .depth1 > li > .depth2 > li > a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(3px); margin-left:5px; width: 15px ;height: 15px; background: url("https://bs.dongguk.edu/resources/site/bs/resource/images/layout/common/ico_link.svg") no-repeat;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3{/* display: none; */margin: 12px 0;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li:last-child{margin-bottom:0;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{color: #111;font-weight: 300;font-size: 0.8889rem;padding: 0 10px;position: relative;display: block;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:after{position: absolute; content:""; background:#c5c9d6;width:4px;height:4px; border-radius: 10px; left:0; top:10px;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4{display: block;height: auto;background: #f8f8f8;padding: 8px;margin-top: 5px;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li{}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > a{ position:relative; padding: 3px 0 3px 18px;color: #333;display: block;background: #f8f8f8; font-size: 0.9375rem;  font-weight: 300;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > a:after{position: absolute;content: "";width: 7px;height: 1px;background: #777;top: 14px;left: 3px;margin: 0 auto;}
    
    .header .gnb_util .full_menu .depth1 > li.active a{background: #fff;color:#000;}
    .header .gnb_util .full_menu .depth1 > li.active > a > span:after{background:#1b7cc0;}
    .header .gnb_util .full_menu .depth1 > li.active > a > span{margin-right: 0;transition: all 0.2s ease;}
    .header .gnb_util .full_menu .depth1 > li.active > .depth2{display: block;}
    
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li:active > .depth3{display: block;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.active{background: #fff;color:#000;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.active > a{color: #1b7cc0; border-bottom-color: #1b7cc0;position: relative;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.has > a{ position: relative;}
    /*.header .gnb_util .full_menu .depth1 > li > .depth2 > li.has > a:after{position: absolute;content: "";background:url('/images/layout/menu_sprite.png') no-repeat top center;width:9px;height:5px;top: 19px;right: 5px;}*/
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.has.active > a:after{background-position:bottom center;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:after{content: none;}
    
    /*팝업존*/
    .top-layer-pop{position: fixed;background: rgba(0,0,0,.8);z-index: 9999;width: 100vw;height: 0;opacity: 0;overflow: hidden;transition:opacity .3s ease;display: none;}
    .top-layer-pop.show{height: 100%; opacity: 1;  display: block;}
    .top-layer-pop .tpop-wrap{left: 50%;border-radius: 0;padding: 3rem 0;width: 100%;}
    .top-layer-pop .tpop-wrap .tpop-box{padding: 1rem 0 7rem 0;}
    .top-layer-pop .tpop-wrap .tpop-box h2{font-size: 2rem;font-weight: 700;padding-bottom: 0.5rem;}
    .top-layer-pop .tpop-wrap .tpop-list{padding: 1rem 0;;}
    .top-layer-pop .tpop-wrap .tpop-list .slick-list li{padding: 0;margin: 0 10px;}
    .top-layer-pop .tpop-wrap .tpop-list .slick-list li a{}
    .top-layer-pop .tpop-wrap .tpop-list .slick-list li a .img{}
    .top-layer-pop .tpop-wrap .tpop-list .slick-list li a .img img{}
    .top-layer-pop .tpop-wrap .tpop-list .slick-dots{bottom: -20px;}
    .top-layer-pop .tpop-wrap .tpop-list .slick-dots li, .top-layer-pop .tpop-wrap .tpop-list .slick-dots li button{width: 9px;height: 9px;}
    .top-layer-pop .tpop-wrap .tpop-list .slick-dots li button:before{content: "";width: 9px;height: 9px;background: #ffffff;border-radius: 11px;opacity: .4;}
    .top-layer-pop .tpop-wrap .tpop-list .slick-dots li.slick-active button:before{opacity: 1;background: #ffffff;}
    .top-layer-pop .tpop-wrap .tpop-box .pop-btn-area{right: 50%;bottom: 0;transform: translateX(50%);width: 100%;text-align: center;}
    .top-layer-pop .tpop-wrap .tpop-box .pop-btn-area a{padding: 12px 25px;font-size: 1rem;}
    .top-layer-pop .tpop-wrap .tpop-box .pop-btn-area .pop-today-close{}
    .top-layer-pop .tpop-wrap .tpop-box .pop-btn-area .pop-close{ background: #1e1e1e; border: 1px solid #1e1e1e; box-shadow: 4px 4px 9px -2px rgba(0,0,0,.39); margin-left: 12px; }
}

@media (max-width: 992px) {
    /*header*/
    .header .gnb_util .search_area{padding: 0.5rem 0 0.8rem;}
    .header .gnb_util .search_area.active:after{top: 78px;}
    .header .gnb_util .search_area .t_search{width:100%;}
    .header .gnb_util .search_area input{font-size: 1rem;width: 65%;}
    .header .gnb_util .search_area .sear_btn a{font-size: 0.9375rem;padding: 6px 25px;}
    .header .gnb_util .search_area .t_search{/* margin-top:30px; *//* margin-left: 8%; */}
    .header .top_util .link_gr .search{padding: 0; width: 38px;} .header .top_util .link_gr .search span {display:none;}
    .header .top_util ul li a{padding: 0 15px;}
    
    /*footer*/
    .footer .ft_bottom,.footer .ftb_left{flex-wrap: wrap;}
    .footer .ftb_left{padding-bottom: 10px; text-align: center; width: 100%;}
    .footer .ftb_left .ft_logo{width: 100%; padding-bottom: 10px;}
    .footer .ft_bottom .txt{padding-left: 0; width: 100%;}
    .footer .ft_sns{text-align: center; width: 100%;}
    
}

@media all and (max-width:768px) {
    /*layout*/
    .contents {padding: 30px 15px 80px}
    /*.util{top: 26px;}*/
    .subpage_top{margin-top:35px; }
    .page_tit{margin-bottom: 0; padding-left: 15px;width: calc(100% - 95px);}
    .util li{width: 40px;  height: 40px;}
    .social{right: 0; top: -20px;}
    
    /*header*/
    .header .head_menu h1 {left: 15px;}
    .header .top_util ul li a {padding: 0 10px; min-width: 55px;}
    .header .top_util .popup_open{padding:0; height: auto; width: 35px;}
    .header .top_util .popup_open span{display: none;}
    .header .gnb_util .search_area input{font-size: 0.9375rem}
    .header .top_util .link_gr .search{padding: 0; width: 38px;} .header .top_util .link_gr .search span {display:none;}
    
    /*주요링크*/
    .link_banner ul li{padding: 10px 0;}
}


@media all and (max-width:566px) {
    .header{height:114px;}
    .header .header_wrap, .header .gnb_util{height: 76px;}
    /*.header .head_menu h1 img, .header .gnb_util .full_menu img{width:110px;}*/
    .header .head_menu h1{top: 13px;}
    .header .head_menu h1 img.logotree{width: 28px;height: auto;}
    .header .top_util ul{max-width: calc(100% - 70px); overflow-x: scroll;} .header .top_util ul::-webkit-scrollbar {height: 3px;}  .header .top_util ul::-webkit-scrollbar-thumb {background-color: #BBB3AD;}  .header .top_util ul::-webkit-scrollbar-track {background-color: #333;}
    .header .top_util ul li:first-child{border-left: none;}
    
    .header .gnb_util .btn_search{background-size: 22px;margin-right: 60px;}
    .header .gnb_util .full_menu .depth1{margin-top: 79px;}
    .header .gnb_util .full_menu .depth1 > li > a{width: 8rem; line-height: 1.3;}
    .header .gnb_util .full_menu .depth1:before{width: 8rem;}
    .header .gnb_util .full_menu .depth1 > li > .depth2{width: calc(100% - 8rem);left: 8rem;}
    .header .gnb_util .full_menu .menu_close{top:16px;}
    
    .snb .depth {width: calc(100% - 50px)}
    .snb .depth  {display: none;}
    .snb .depth:last-child{display: block; margin-left: 0;}
    .snb .depth:last-child a:before{display: none;}
    .snb ul > .depth > a{line-height: 1.7;}
    .snb ul li.home{width: 50px; height: 50px}
}

@media all and (max-width:380px) {
    .header .top_util{margin: 0 auto;text-align: center;}
    .header .gnb_util .wrap{padding:0;}
    .header .gnb_util .search_area .wrap .search{width:90%;}
    .header .gnb_util .search_area input{width:83%;}
    .header .gnb_util .search_area .sear_btn{display: none;}
    .header .gnb_util .full_menu .depth1 > li > a{width: 6rem;font-size: 1rem;}
    .header .gnb_util .full_menu .depth1:before{width: 6rem;}
    .header .gnb_util .full_menu .depth1 > li > .depth2{width: calc(100% - 6rem);left: 6rem;}
}