@charset "utf-8";

header .area_1 .item_1{height:100%;display:flex;}
header .area_1 .item_1 a{display: block;font-family: 'SMU Regular';align-items: self-start;color:#FFF;font-size:15px;height:100%;padding: 9px 15px;width: 130px;text-align: center;}
header .area_1 .item_1 a.a_1{background:#005bab;}
header .area_1 .item_1 a.a_2{background:#0275ce;}
header .area_1 .item_1 a.a_3{background:#02a5ce;}
header .area_1 .item_2{display:flex;justify-content:flex-end;align-items:center;}
header .area_1 .item_2 a,
header .area_1 .item_2 button{color:#FFF;font-size: 15px;font-family: 'SMU Regular';display: block;padding: 7px 10px;}
header .area_1 .item_2 .openFullPopup i{display:flex;align-items:center;justify-content:center;width: 20px;height: 20px;background:#ff8400;color:#FFF;border-radius:100%;font-size: 12px;position: relative;top: -3px;}
header .area_1 .item_2 button{display:flex;align-items:center;gap: 10px; padding: 7px 10px 5px;}

@media all and (min-width:1281px){
  .btn_mgnb,
  .mgnb_close{display:none;}

  .gotoSitemap{display:block; text-indent:-9999px; width:50px; height:50px; background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/sitemap_icon_w.png) no-repeat center;}

  header{position:absolute;left:0;top:0;width:100%;z-index:10000;transition:0.5s;}

  header .area_1,
  header .area_2{position:relative;}
  header .area_1{background: rgba(0, 0, 0, .5); border-bottom: 1px solid rgba(255, 255, 255, .3);}
  header .area_2{background:rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);}
  header .area_1 .container,
  header .area_2 .container{max-width:1740px; padding:0 20px; margin: 0 auto;display:flex;justify-content:space-between;position:relative;}
  header .area_1 .container{align-items:center;height:35px;}
  header .area_2 .container{align-items:flex-start;}

  .head_logo,
  .head_navi,
  .head_util{position:relative;}
  .head_logo,
  .head_util{height:92px;}

  .head_logo{display:flex;align-items:center;}
  .head_logo a{display:flex;}
  .head_logo a .logo_c{display:none;}
  .head_logo a .logo_w{}
  .head_logo a img{display:inline-block;}

  .head_navi{margin-left:auto;}
  .head_util{display:flex;align-items:center;justify-content:flex-end;}


  /**************************
  GNB
  **************************/
  header .head_navi{display: flex; align-items: center;}
  header .head_navi .menuUItop .ul_1{display: flex; align-items: center;}
  header .head_navi .menuUItop .ul_1 .li_1{position: relative;}
  header .head_navi .menuUItop .ul_1 .li_1:last-child{display:none;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{display: block; padding:30px; color:#fff; font-size: 22px; font-weight:500;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1.on:after {content:'';position:absolute;left:50%;top: 10px;width:9px;height:9px;background: #fff;border-radius:100%;transform:translate(-50%,0)}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1.on:before {content:'';position:absolute;left:0;bottom: 10px;width:100%;height:4px;background: #ffffff;}

  header .head_navi .menuUItop .div_2{display: none; position: absolute; top: 100%; z-index: 100; background: rgba(12, 44, 103, 0.95); left: 50%; transform: translateX(-50%); min-width: 200px;}
  header .head_navi .menuUItop .div_2.on{display:block;}
  header .head_navi .menuUItop .div_2 .ul_2{padding: 1.5rem 0;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2{position: relative; display: block; color: #fff; padding: 8px 25px 8px 15px;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:before,
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:after{content: ''; position: absolute;}

  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:hover:before{right: 10%; top: 46%; width:0.5rem; height:0.7rem; background: url(../../images/layout/arrow-menu.png) no-repeat center center;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:hover:after{width: calc(100% - 3rem); border-bottom: 1px solid #fff; bottom: 0; left: 1rem;}

  header .head_navi .menuUItop .div_3{display:none;}
}


@media all and (max-width:1280px){
  .gotoSitemap{display:none;}
  .openFullPopup{display:block;text-indent:-9999px;width:60px;height:100%;}
  .openFullPopup{position:relative;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/popup_icon_w.png) no-repeat center;}
  .openFullPopup i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ff8400;color:#FFF;border-radius:100%;font-size:12px;position:absolute;top:20px;right:10px;text-indent:0;}

  header{position:absolute;left:0;top:0;width:100%;z-index:1000;transition:0.5s;}

  header .area_1,
  header .area_2{position:relative;}
  header .area_1{background: rgba(0, 0, 0, .5);border-bottom: 1px solid rgba(255, 255, 255, .3);}
  header .area_2{background:rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.3);transition:0.5s;}
  header .area_1 .container,
  header .area_2 .container{display:flex;justify-content:space-between;position:relative;}
  header .area_1 .container{align-items:center;height:35px;padding-right: 0;}
  header .area_2 .container{align-items:flex-start;padding-left:15px;}
  /*
  header .area_1 .item_2 a:last-child{display:none;}
  */

  .head_logo,
  .head_util{height:70px;}

  .head_logo{display:flex;align-items:center;}
  .head_logo a{display:flex;align-items:center;}
  .head_logo a .logo_c{display:none;}
  .head_logo a .logo_w{}
  .head_logo a img{display:inline-block;max-width:200px;}

  .head_util{display:flex;align-items:center;justify-content:flex-end;}

  .btn_mgnb{display:block;width:60px;height:100%;text-indent:-9999px;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/sitemap_icon_w.png) no-repeat center;}
  .mgnb_close{display:block;width:50%;height:70px;position:absolute;top:0;left:0;background:#0e4d9d url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/mNav_bg_1.png) no-repeat 96% center;background-size:70px;}
  .mgnb_close button{display:block;text-indent:-9999px;width:70px;height:100%;background:#06326a url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/x_6_w.png) no-repeat center;}

  .gnb_m{position:absolute;top:0;left:calc(50% + 70px);z-index:1;}

  /*주메뉴*/
  .head_navi{display:none;position:fixed;right:0;top:0;width:100% !important;height:100%;overflow-y:auto;z-index:1;}
  .head_navi.on{display:block;}

  header .menuUItop{background: #fff; height:100vh;position: relative; padding: 40px; margin-top:70px;}
  .menuUItop .div_1{}
  .menuUItop .div_1 .ul_1{}
  .menuUItop .div_1 .ul_1 .li_1{}
  .menuUItop .div_1 .ul_1 .li_1 .a_1{display: block;line-height: 1.5;border-bottom: 1px solid #d8d8d8;padding: 15px;font-size: 18px;color: #212121;position: relative;}
  .menuUItop .div_1 .ul_1 .li_1 .a_1:after{content:''; transition:ease-in-out all .3s; width:1.3rem;height:0.8rem;display:block;background:url(./../../images/common/m_arr.png) no-repeat;position: absolute;right: 2rem;top: 50%;margin-top: -0.4rem;}
  .menuUItop .div_1 .ul_1 .li_1 .a_1.on,
  .menuUItop .div_1 .ul_1 .li_1 .a_1._active{color:#005baa;}
  .menuUItop .div_1 .ul_1 .li_1 .a_1.on:after{transform:rotate(180deg);}
  .menuUItop .div_2{height: 100%;overflow: hidden;background: #f7f7f7; display: none; padding: 20px 15px;}
  .menuUItop .div_2 .ul_2 .li_2 .a_2{width: 100%;margin: 0;font-size: 16px;color: #666;position: relative;display: block;padding: 5px 15px;}
  .menuUItop .div_2 .ul_2 .li_2.haveOpen .a_2:before{content:'';}
  .menuUItop .div_3{padding: 20px; background: #fff; margin: 0 15px; display:none;}
  .menuUItop .div_3 .ul_3 .li_3 .a_3{display: block;font-size: 15px;padding: 5px 0 5px 13px;color: #000;position: relative;}
  .menuUItop .div_3 .ul_3 .li_3 .a_3:before{content:'';width: 5px;height: 5px;display: block;background: #0e4d9d;border-radius: 100%;position: absolute;left: 0;top: 12px;}
}

@media all and (max-width:768px){
  .head_navi nav{margin-left:0;}
  .head_navi nav:before,
  .head_navi .mgnb_close{width:100%;}
  .mgnb_close{left:0;}

  .head_logo{width:calc(100% - 110px);}

  .openFullPopup,
  .btn_mgnb{width:50px;background-size:25px !important;}
  .openFullPopup i{top:15px;right:5px;}

  header .area_1 .item_2{display:none;}
  header .area_1 .item_1 a{width:auto;}
}


/*풋터************************************************************/
footer{background:#343539;position:relative;bottom:0;left:0;width:100%;}
footer .container{max-width:1700px;margin:0 auto;position:relative;}

footer .foot_link{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
footer .foot_link .item{position:relative;width: 300px;}
footer .foot_link .openLinkList{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border: 1px solid #575757; font-size:16px;color:#FFF;background: #27282b;}
footer .foot_link .openLinkList::after{content:"";display:block;width:9px;height:7px;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/arrow_d_w.png) center;transition:0.5s;}
footer .foot_link .linkList{background:#27282b;position:absolute;bottom:53px;left:0;width:100%;max-height:0;overflow-y:auto;transition:max-height .5s;}
footer .foot_link .linkList a{display:block;width:100%;padding:15px 20px;border:1px solid #343434;border-top:0;font-size:14px;color:#FFF;}
footer .foot_link .openLinkList.active{color:#fcaf17;}
footer .foot_link .openLinkList.active::after{background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/arrow_d_o.png) center;transform:rotate(-180deg);}
footer .foot_link .linkList.active{max-height:200px;}

footer .fnb{padding:10px 0;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;display:flex;justify-content:space-between;}
footer .foot_util{display:flex;justify-content:flex-start;flex-wrap:wrap;}
footer .foot_util li{display:flex;align-items:center;margin:5px 0;}
footer .foot_util li::after{content:"";display:block;width:1px;height: 15px;background:#6b717d;margin:0 15px;position: relative;top: -3px;}
footer .foot_util li:last-child::after{display:none;}
footer .foot_util li a{color:#FFF;font-size:16px; font-family: 'SMU Regular';}
footer .foot_util li a.a_1{color:#0081ff;font-family:'SMU Regular';}

footer .wrap{padding:30px 0;display:flex;align-items: flex-start;justify-content: space-between;}
footer .wrap::before{content:""; display:block; width: 130px; height: 110px; background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/logo_footer.png) no-repeat left center;}
footer .foot_info{}
footer .foot_info address{line-height:1.5; color: #c9c9c9;font-size: 16px;}
footer .foot_info address span{font-family: 'SMU Regular';}
footer .foot_info address i{padding:0 5px;}
footer .foot_info p{font-size: 16px;color: #c9c9c9;display: block;margin-top: 25px;}
footer .foot_info p span{font-family:'SMU Regular';}
footer .foot_sns{display:flex;justify-content:flex-end;align-items:center;}
footer .foot_sns ul{display: flex;}
footer .foot_sns ul li{width: 4rem; height:4rem;}
footer .foot_sns ul li a{display: block;width: 100%; height: 100%; text-indent: -9999px;}
footer .foot_sns ul li a.fa{background: url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/footer_icon_f.png) center no-repeat;}
footer .foot_sns ul li a.in{background: url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/footer_icon_i.png) center no-repeat;}
footer .foot_sns ul li a.yt{background: url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/footer_icon_y.png) center no-repeat;}
footer .foot_sns ul li a.bl{background: url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/footer_icon_b.png) center no-repeat;}
footer .foot_sns ul li a.link{background: url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/footer_icon_l.png) center no-repeat;}


/*HOVER*/
@media all and (min-width:1281px) {
  footer .foot_link .openLinkList:hover{color:#0087ff;}
  footer .foot_link .openLinkList:hover::after{background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/arrow_d_o.png) center;transform:rotate(-180deg);}
  footer .foot_link .openLinkList.active:hover::after{transform:rotate(0deg);}
  footer .foot_link .linkList a:hover{color:#0087ff;}
  footer .fnb a:hover{color:#0087ff;}
  footer .foot_sns a:hover{border-color:rgba(255,255,255,0.5);}
}
@media all and (max-width:1700px) {
  footer .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  footer .foot_link{width:100%;padding:15px 0;justify-content:space-between;}
  footer .foot_link .item{width:49%;margin:0;}
  footer .fnb{display:block;}
  footer .wrap{flex-wrap:wrap;}
  footer .foot_info address span{display:block;}
  footer .foot_info address i{display:none;}
  footer .foot_sns{width:100%;justify-content:flex-start;position:relative;right:unset;bottom:unset;padding-left:85px;padding-top:10px;}
  footer .foot_sns a{border:0;margin:20px 10px 0 0;}
}
@media all and (max-width:768px) {
  footer .wrap::before{width:100%;margin-right:0;}
  footer .foot_info{margin-top:10px;}
  footer .foot_info,
  footer .foot_sns{padding-left:0;}
  footer .foot_info p span{display:block;}
  footer .foot_sns img{max-width:30px;}
}
@media all and (max-width:480px) {
  footer .foot_link .item{width:100%;margin:1% 0;}
}


/*고탑***********************************************************/

.goto_top a{display:block; text-indent:-9999px; border-radius:100%; box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, .5);  background:#e67200 url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/goTop.png) no-repeat center; width:70px;height:70px; position:fixed; bottom:-150px; right:20px; opacity:0; transition: 0.5s;}
.fix .goto_top a{bottom:100px; opacity:1;}

/*HOVER*/
@media all and (min-width:1281px) {
  .goto_top a:hover{opacity:1;}
}
@media all and (max-width:768px) {
  .goto_top a{width:50px;height:50px;opacity:0.8;border-radius:100%;}
}



/*서브비주얼************************************************************/
.wrap_sub_visual{position:fixed;top:0;left:0;width:100%;height:460px;overflow:hidden;}
.wrap_sub_visual::before,
.wrap_sub_visual::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:1.5s;}
.wrap_sub_visual::before{background-size:cover !important;}
.wrap_sub_visual::after{background:rgba(0,0,0,0.5);opacity:0;z-index:-1;}
.wrap_sub_visual .container{padding:120px 0 0 0;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.wrap_sub_visual a{display:none !important;}
.wrap_sub_visual a{position:absolute;top:calc(50% - 27.5px);display:block;text-indent:-9999px;width:55px;height:55px;border:1px solid rgba(0,0,0,0.3);border-radius:50%;background:rgba(0,0,0,0.3) url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/arrow_2_w.png) no-repeat center;transition:0.5s;}
.wrap_sub_visual a.prev{left:20px;transform:rotate(180deg);}
.wrap_sub_visual a.next{right:20px;}
.wrap_sub_visual .visual_intro{color:#FFF;text-align:center;}
.wrap_sub_visual .visual_intro strong{font-family:'SMU Regular'; display:block; margin-bottom:10px; font-size:60px;line-height:1;letter-spacing:-1px;}
.wrap_sub_visual .visual_intro span{display:block;}
.wrap_sub_visual .visual_intro span::before{content:"미래 경영 환경과 노동시장 변화를 이끄는";font-family:'SMU Regular';font-size:18px;line-height:1;letter-spacing:-0.5px;display:block;padding-bottom:5px;}
.wrap_sub_visual .visual_intro span::after{content:"국내 최고의 인사 ·노동 전문학위과정";font-family:'SMU Regular';font-size:18px;line-height:1.6;letter-spacing:-0.5px;}

/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{filter:blur(100px);filter:grayscale(1);}
  100%{filter:blur(0px);filter:grayscale(0);}
}
.wrap_sub_visual .visual_intro strong{animation-name:subVisualText_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_1{
  0%{opacity:0;}
  100%{opacity:1;}
}
.wrap_sub_visual .visual_intro span{animation-name:subVisualText_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_2{
  0%{opacity:0;}
  100%{opacity:1;}
}
.fix .wrap_sub_visual:before{background-position:center 80px;}
.fix .wrap_sub_visual:after{opacity:1;z-index:unset;}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_sub_visual a:hover{background-color:rgba(0,0,0,0.6);}
}
@media all and (max-width:1280px) {
  .wrap_sub_visual{height:455px;}
  .wrap_sub_visual .container{padding:105px 0 50px 0;}
  .wrap_sub_visual .visual_intro strong{font-size:35px;}
  .fix .wrap_sub_visual:before{background-position:center 70px;}
}
@media all and (max-width:768px) {
  .wrap_sub_visual{height:335px;}
  .wrap_sub_visual .container{padding:105px 0 50px 0;}
  .wrap_sub_visual a{top:calc(50% - 17.5px;);width:35px;height:35px;}
  .wrap_sub_visual a.prev{left:5px;}
  .wrap_sub_visual a.next{right:5px;}
  .wrap_sub_visual .visual_intro strong{font-size:25px;}
  .wrap_sub_visual .visual_intro strong::after{margin:15px auto;}
  .wrap_sub_visual .visual_intro span::before{font-size:14px;}
  .wrap_sub_visual .visual_intro span::after{font-size:12px;}
}


/*서브기능************************************************************/
.wrap_page_func{position:relative;padding-top:400px;}
.wrap_page_func .container{max-width:1700px;margin: 0 auto; background: rgba(0, 0, 0, .5); display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}

/*서브유틸*/
.sub_util{}
.sub_util > ul{display:flex;justify-content:center;}
.sub_util > ul > li{display:flex;align-items:center;position:relative;}
.sub_util button{display:block;width:60px;height:60px;text-indent:-9999px;}
.sub_util .sub_favo{background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_favorite_b_2.png) no-repeat center;}
.sub_util .sub_share{background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_share_b_2.png) no-repeat center;}
.sub_util .sub_print{background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_print_b_2.png) no-repeat center;}

/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;top:100%;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;}
.box_sub_favo  > strong {display:block;font-family:'Dream Medium';font-size:16px;padding:10px 20px;background:#183693;color:#FFF;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:15px 0;}
.box_sub_favo .control button{display:inline-block; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#183693;}
.box_sub_favo .control button.reset{background:#707070;}

/*SNS공유*/
.box_sub_share{display:none;position:absolute;right:1px;top:0;width:60px;border:1px solid #000;background:#FFF;z-index:1;}
.box_sub_share .close{width:100%;height:50px;text-indent:-9999px;background:#52575c url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/x_1_w.png) no-repeat center;}
.box_sub_share ul{}
.box_sub_share ul button{display:block;width:100%;height:50px;text-indent:-9999px;background-size:50% !important;}
.box_sub_share .fb{background:#3a5897 url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw{background:#5faade url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .pin{background:#e60c1d url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .kakao{background:#ffe503 url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .addr{background:#FFF url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_url.png) no-repeat center center;background-size:75% !important;}
.box_sub_share .insta{background:#bf0761 url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_insta.png) no-repeat center center;}

/*현재위치*/
.sub_navi{width:calc(100% - 150px);}
.sub_navi > ul{display:flex;justify-content:flex-start;}
.sub_navi > ul > li{display:flex;align-items:center;position:relative;padding-left:15px;}
.sub_navi > ul > li + li::after{content:"";display:block;width:1px;height:15px;background:#888;margin-left:15px;}
.sub_navi > ul > li > button{display:flex;justify-content:space-between;align-items:center;min-width:150px;height:60px;font-family:'Dream Medium';font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_navi > ul > li > button::after{content:"";display:block;width:15px;height:8px;background:url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/arrow_1_b_down.png) no-repeat center;margin:0 15px;transition:0.5s;}
.sub_navi > ul > li.home{display:flex;align-items:center;padding-left:0;}
.sub_navi > ul > li.home a{display:block;width:50px;height:100%;text-indent:-9999px;background:#005baa url(https://mba.sookmyung.ac.kr/sites/hmba/images/common/icon_home_2_b.png) no-repeat center;}
.sub_navi > ul > li ul{display:none;border:1px solid #EEE;background:#FFF;width:100%;max-height:300px;overflow-y:auto;position:absolute;left:-1px;top:100%; z-index:1;}
.sub_navi > ul > li ul.active{display:block;}
.sub_navi > ul > li ul li{}
.sub_navi > ul > li ul li a{display:block;font-family:'Dream Medium';font-size:14px;padding:10px 15px;color:#222;border-bottom:1px solid #EEE;transition:0.5s;}
.sub_navi > ul > li ul li:last-child a{border:0;}
/*HOVER*/
@media all and (min-width:1281px) {
  .sub_navi > ul > li > button:hover{font-family:'Dream Bold';color:#fff;}
  .sub_navi > ul > li > button:hover::after{transform:rotate(-180deg);}
  .sub_navi > ul > li ul li a:hover{background:#0e4d9d;border-color:#0e4d9d;color:#FFF;}
}
@media all and (max-width:1700px) {
  .wrap_page_func .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  .wrap_page_func{padding-top: 380px;}
  .wrap_page_func .container{
	max-width: 100%;
  }
  .sub_util .sub_print,
  .sub_util .sub_favo,
  .sub_util > ul > li::before{display:none;}
  .sub_navi{width:calc(100% - 50px);}
  .sub_navi > ul > li.home::after{display:none;}
}
@media all and (max-width:768px) {
  .wrap_page_func{padding-top: 275px;}
  .wrap_page_func .container{}
  .sub_navi > ul > li{display:none;}
  .sub_navi > ul > li.home,
  .sub_navi > ul > li:last-child{
	display: flex;
	align-items: center;
	position: relative;
  }
  .sub_navi > ul > li > button{max-width:100%;}
}


/*컨텐츠************************************************************/
.wrap_contents{position:relative;background:#FFF;}
.sub .wrap_contents{padding-bottom:100px;}
.sub .wrap_contents .container{max-width:1740px; margin: 0 auto; padding:0 20px;}
#bContents{transition:0.5s;}

@media all and (max-width:1280px) {
  .sub .wrap_contents{padding-bottom:60px;}
}
@media all and (max-width:768px) {
  .sub .wrap_contents{padding-bottom:30px;}
}


/*서브메뉴*/
.subNav{}
.subNav .menuUIsub{max-width:1500px;margin:0 auto;}
.subNav .menuSubTitleUI{display:none;}
.subNav .sub_div{margin-bottom:70px;}
.subNav .sub_div > ul{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:5px;}
.subNav .sub_div > ul > li{}
.subNav .sub_div > ul > li > a{display:block;position:relative;font-family:'Dream Medium';font-size:18px;color:#333;line-height:1.2;text-align:center;padding:14px 20px;border:1px solid #EEE;background:#FFF;}
.subNav .sub_div > ul > li > a._active{color:#FFF;border-color:#0a4a9b;background:#0a4a9b;}

/*HOVER*/
@media all and (min-width:1281px) {
  .subNav .sub_div > ul > li > a:hover{color:#FFF;background:#fcaf15;border-color:#fcaf15;}
}
@media all and (max-width:1500px) {
  .subNav .menuUIsub{max-width:96%;}
}
@media all and (max-width:1280px) {
  .subNav .sub_div{padding-bottom:50px;}
  .subNav .sub_div > ul > li > a{font-size:16px;padding:12px 20px;}
}
@media all and (max-width:768px) {
  .subNav .sub_div > ul > li > a{font-size:14px;padding:10px 20px;}
}

/*탭메뉴*/
.tabNav.tab_4dep{padding-bottom:60px;}
.tab_div{width:100%;margin-bottom:30px;}
.tab_div .mobile-tab{display:none !important;}
.tab_div > ul{display:flex;align-items:center; gap:2px; position:relative;}
.tab_div > ul.has-child-menu{padding-bottom:70px;}
.tab_div > ul > li{border:1px solid #c0c0c0; width:100%;}
.tab_div > ul > li > .a_3{text-align: center;display: flex;align-items: center;justify-content: center;width: 100%;font-family: 'Dream Medium';font-size: 20px;color: #555;padding: 15px;}
.tab_div > ul > li .a_3._active,
.tab_div > ul > li .a_3:hover{background:#005baa ; border-color:#005baa ;}
.tab_div > ul > li .a_3._active,
.tab_div > ul > li .a_3:hover{color:#FFF;}

.tab_div .div_4{position: absolute;left: 0;width: 100%; display:none;}
.tab_div .div_4 ul{display: flex;margin-top: 20px;gap: 20px;border-bottom: 1px solid #ccc; justify-content: center;}
.tab_div .div_4 ul li{}
.tab_div .div_4 ul li a{display: flex;font-size: 18px;padding: 15px 0;align-items: center;gap: 10px;}
.tab_div .div_4 ul li a._active{font-weight:bold; color:#005baa;}
.tab_div .div_4 ul li a:before{content:'';width: 5px;height: 5px;display: block;background: #000;}
.tabNav.tab_4dep .tab_div .div_4{display:block;}

.has-child-menu .div_4{display:block; bottom:0;}

@media screen and (max-width: 1280px) {
  .tab_div > ul{flex-wrap:wrap;}
  .tab_div > ul li{width:calc(50% - 5px);}
  .tab_div > ul > li > a{font-size:17px;}
}
@media screen and (max-width: 768px) {
  .tab_div .div_4 ul li a{font-size:17px; padding:10px 0;}
  .tab_div > ul > li > a{font-size:16px;}
}

/*HOVER*/
@media all and (min-width:1281px) {
  .tabNav .tab_div > ul > li > a:hover::before{transform:scale(1);transition:0.5s;}
}
@media all and (max-width:1500px) {
  .tabNav .menuUItab{max-width:96%;}
}
@media all and (max-width:1280px) {
  .tabNav .tab_div{margin-top:-30px;}
  .tabNav .tab_div > ul{justify-content:flex-start;flex-wrap:wrap;}
  .tabNav .tab_div > ul > li > a{font-size:14px;}
}
@media all and (max-width:768px) {
  .tabNav .tab_div > ul{display:grid; grid-template-columns: 1fr 1fr;}
  .tabNav .tab_div > ul > li{width:100%;}
  .tabNav .tab_div > ul > li::after{display:none;}
}

/*타이틀************************************************************/
.page_title{padding:100px 0 70px 0;}
.page_title h1{max-width:1500px;margin: 0 auto;color:#343e4c;font-family:'Dream Bold';font-size:50px;line-height:1;text-align:center;position:relative;}
@media all and (max-width:1500px) {
  .page_title h1{max-width:96%;}
}
@media all and (max-width:1280px) {
  .page_title{padding:60px 0 50px 0;}
  .page_title h1{font-size:30px;text-align:left;max-width: 100%;}
  .page_title h1::before,
  .page_title h1::after{display:none;}
}
@media all and (max-width:768px) {
  .page_title h1{font-size:25px;}
}