@charset "utf-8";


/********************
HEADER
********************/
header{position:fixed;left:0;top:0;width:100%;z-index:2;transition:0.5s;}

.topLink{padding:20px 60px;display:flex;justify-content:flex-end;}
.topLink a{font-size:13px;color:#FFF;display:flex;align-items:center;}
.topLink a::before{content:"";display:block;width:2px;height:2px;background:#FFF;margin:0 10px;}
.topLink a::first-child::before{display:none;}

.head_container{padding:0 60px;display:flex;align-items:center;justify-content:space-between;}
.head_logo{}
.head_logo .logo_c{display:none;}
.head_navi{}

.head_util{display:flex;align-items:center;justify-content:flex-end;position:relative;}
.gotoKor,
.openLanguage,
.openSearch,
.gotoSitemap{display:block;text-indent:-9999px;width:24px;height:24px;margin-left:40px;background-size:contain !important;}
.gotoKor{background:url(../../images/common/gnb_language.png) no-repeat center;}
.openLanguage{background:url(../../images/common/gnb_language.png) no-repeat center;}
.gotoSitemap{background:url(../../images/common/gnb_menu.png) no-repeat center;}
.openSearch{background:url(../../images/common/gnb_search.png) no-repeat center;}

.languageWrap{visibility:hidden;}
.openNavi,
.closeNavi{display:none;}
@media all and (max-width:1920px){
  .head_logo img{max-width:163px;}
}
@media all and (max-width:1280px){
  .topPopup{display:none !important;}
  .topLink{display:none;}
  .head_container{padding:20px;}
  .head_util{margin-right:50px;}
  .openLanguage,
  .gotoSitemap{margin-left:25px;}
  .gotoKor,
  .openLanguage,
  .gotoSitemap{display:none;}
  .openNavi,
  .closeNavi{display:block;text-indent:-9999px;position:absolute;}
  .openNavi{width:24px;height:24px;right:20px;top:32px;background:url(../../images/common/gnb_menu.png) no-repeat center;}
  .closeNavi{width:89px;height:89px;right:0;top:0;background:#FFF url(../../images/common/gnb_menu_close_b.png) no-repeat center;}
}
@media all and (max-width:768px){
  .head_logo img{max-width:130px;}
  .openNavi{top:25px;}
  .closeNavi{width:75px;height:75px;}
}

/*언어창*/
.languageWrap{position:absolute;right:40px;top:30px;opacity:0;transition:0.3s;}
.languageWrap a{font-size:14px;color:#FFF;font-family:'Pre Medium';padding:4px 20px;background:rgb(0,0,0,0.7);display:block;margin-top:1px;}
.languageWrap.active{visibility:visible;opacity:1;top:30px;}

/*검색창*/
.searchWrap{position:fixed;right:0;top:0;width:100%;height:100vh;background:url(../../images/common/searchBg.jpg) no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center;}
.searchWrap .container{width:100%;opacity:0;transform:translateY(50px);transition:0.3s;transition-delay:0.3s;}
.searchWrap.active .container{opacity:1;transform:translateY(0px);}
.searchWrap h2{font-size:45px;font-family:'Exo Bold';margin-bottom:40px;line-height:1;}
.searchWrap h2 strong{color:#7c121b;}
.searchWrap h2 span{color:#FFF;}
.searchWrap form{display:flex;width:560px;margin:0 auto;}
.searchWrap form input{height:70px;display:block;border:0;background:none;}
.searchWrap form input[type=text]{width:calc(100% - 70px);font-size:18px;font-family:'Pre Medium';padding:0 15px;background:#FFF;}
.searchWrap form input[type=submit]{width:70px;text-indent:-9999px;cursor:pointer;background:url(../../images/common/search_btn.png) no-repeat center;transition:0.3s;  background-size:contain; }
.searchWrap form input[type=submit]:hover{background:url(../../images/common/search_btn_on.png) no-repeat center;}
.searchWrap .keyword{margin-top:20px;}
.searchWrap .keyword span{font-size:14px;color:#FFF;font-family:'Pre Medium';display:inline-block;padding:0 10px;}
.searchWrap .closeSearch{width:50px;height:50px;display:block;text-indent:-9999px;background:url(../../images/common/search_close.png) no-repeat center;border:2px solid #FFF;border-radius:100%;margin:40px auto;transition:0.3s;  }
.searchWrap .closeSearch:hover{background-color:#7c121b;border-color:#7c121b;}
.searchWrap{visibility:hidden;opacity:0;transition:0.3s;}
.searchWrap.active{visibility:visible;opacity:1;}
@media all and (max-width:1280px){
  .openSearch{margin-left:25px;}
}
@media all and (max-width:768px){
  .searchWrap h2{font-size:35px;}
  .searchWrap form{width:90%;}
  .searchWrap form input{height:55px;}
  .searchWrap form input[type=text]{width:calc(100% - 55px);font-size:16px;}
  .searchWrap form input[type=submit]{width:55px;}
}


/********************
NAVIGATION_DESKTOP
********************/
@media all and (min-width:1281px){
  .topM,
  .topLinkM{display:none;}

  .menuUItop{}
  .menuUItop .div_1{}
  .menuUItop .ul_1{display:flex;justify-content:center;}
  .menuUItop .li_1{}
  .menuUItop .li_1:last-child{display:none;}
  .menuUItop .a_1{height:77px;font-size:20px;color:#FFF;font-family:'Pre Bold';line-height:1.2;padding:0 20px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;}
  .menuUItop .a_1::before{content:"";display:block;width:60px;height:4px;background:#FFF;position:absolute;left:calc(50% - 30px);bottom:0;transition:0.4s;transform:scale(0);}

  .menuUItop .div_2{display:none;padding-left:480px;position:absolute;left:0;top:100%;width:100%;}
  .menuUItop .div_2._on{display:block;}
  .menuUItop .div_2::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#FFF;}
  .menuUItop .ul_2{display:flex;flex-wrap:wrap;position:relative;}
  .menuUItop .li_2{min-height:220px;width:25%;padding:20px 5px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
  .menuUItop .a_2{font-size:18px;color:#272727;font-family:'Pre Bold';padding:7px 20px;display:block;position:relative;transition:0.2s;}
  .menuUItop .a_2::before{content:"";display:block;width:16px;height:20px;background:url(../../images/common/edge_3.png) no-repeat right bottom;position:absolute;right:0;bottom:0;opacity:0;}

  .menuUItop .div_3{margin-left:20px;}
  .menuUItop .ul_3{}
  .menuUItop .li_3{}
  .menuUItop .a_3{font-size:16px;color:#787878;font-family:'Pre Medium';padding:5px 20px 5px 0;position:relative;transition:0.3s;line-height:1.15;}
  .menuUItop .a_3::before{content:"";display:block;width:0;height:2px;background:#7c0019;position:absolute;left:0;top:15px;transition:0.2s;}

  .navGap{width:480px;height:100%;padding:30px;display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;bottom:0;background:#f2eee7;}
  .navGap strong{font-size:45px;color:#272727;font-family:'Pre Black';}
  .navGap strong::after{content:"Korea University Since 1905";font-size:18px;color:#272727;font-family:'Exo Bold';display:block;margin-top:20px;}
  /*
  .navGap span::before{content:"대한민국에 없어서는 안 될 대학";font-size:16px;color:#272727;font-family:'Pre Medium';display:block;margin-top:20px;}
  .navGap span::after{content:"이 세상에 없어서는 안 될 대학";font-size:16px;color:#272727;font-family:'Pre Medium';display:block;}
  */
  .navGap::before{content:"";display:block;width:61px;height:72px;background:url(../../images/common/edge_2.png) no-repeat center; position:absolute; right:0; bottom:0; background-size:contain; }


  .menuUItop .li_1:hover .a_1::before{transform:scale(1);}
  .menuUItop .a_1._active::before{transform:scale(1);background:#FFF;}

  .menuUItop .li_2:hover .a_2,
  .menuUItop .a_2._active{color:#FFF;background:#7c0019;}
  .menuUItop .li_2:hover .a_2::before,
  .menuUItop .a_2._active::before{opacity:1;}

  .menuUItop .a_3:hover,
  .menuUItop .a_3._active{color:#7c0019;padding-left:15px;}
  .menuUItop .a_3:hover::before,
  .menuUItop .a_3._active::before{width:10px;}

  #top_li_1_1035 .li_2{width:50%;}
  #top_li_1_1035 .ul_3{display:flex;flex-wrap:wrap;}
  #top_li_1_1035 .li_3{width:33.3%;}
}

@media all and (min-width:1581px)
  .menuUItop .a_1{padding:0 20px;}
}
@media all and (min-width:1446px) and (max-width:1580px){
  .menuUItop .a_1{padding:0 15px;font-size:18px;}
}
@media all and (min-width:1281px) and (max-width:1445px){
  .menuUItop .a_1{padding:0 10px;font-size:17px;}
}


/********************
NAVIGATION_MOBILE
********************/
@media all and (max-width:1280px){
  .head_navi{position:fixed;right:-100%;top:0;width:70%;height:100%;z-index:11;overflow-y:auto;transition:0.3s;}
  .head_navi::before{content:"";display:block;position:fixed;right:-100%;top:0;width:100%;height:100%;transition:0.3s;background:rgb(0,0,0,0.7);}

  .topM{display:flex;align-items:center;justify-content:space-between;background:#FFF;position:relative;padding:19px 90px 20px 20px;width:100%;}
  .topM img{margin-right:auto;max-width:163px;}
  .topM a{font-size:16px;font-family:'Pre Bold';margin-left:15px;}

  .bgA,
  .bgB{position:absolute;right:-100%;top:93px;height:100vh;}
  .bgA{background:#f2eee7;width:100%;}
  .bgB{background:#FFF;width:60%;}

  .head_navi._active,
  .head_navi._active::before,
  .head_navi._active .bgA,
  .head_navi._active .bgB{right:0;}

  .topLinkM{width:calc(40% - 80px);border-top:1px solid #DDD;margin:40px 0 0 40px;padding-top:40px;position:relative;}
  .topLinkM a{display:block;color:#272727;font-size:16px;font-family:'Pre Regular';padding:5px 0;}


  .menuUItop{position:relative;border-top:1px solid #e5e5e5;}

  .menuUItop a{color:#272727;display:block;}
  .menuUItop .a_1{font-size:18px;font-family:'Pre Bold';padding:15px 40px;transition:0.3s;}

  .menuUItop .div_2{display:none;transition:0.3s;position:absolute;right:0;top:0;width:60%;background:#FFF;}
  .menuUItop .a_2{font-size:18px;font-family:'Pre Bold';padding:16px 40px;position:relative;border-bottom:1px solid #e5e5e5;}
  .menuUItop .a_2::before{content:"";display:block;width:15px;height:10px;position:absolute;right:40px;top:24px;transition:0.3s;}
  .menuUItop .li_2.haveChild .a_2::before{background:url(../../images/common/navi_have.png) no-repeat center;}

  .menuUItop .div_3{display:none;transition:0.3s;background:#f3f3f3;padding:15px 40px;}
  .menuUItop .li_3{}
  .menuUItop .a_3{font-size:16px;font-family:'Pre Medium';color:#787878;padding:8px 0;position:relative;}
  .menuUItop .a_3::before{content:"";display:block;width:0;height:2px;background:#7c0019;position:absolute;left:0;top:18px;}

  .menuUItop .li_1._on .div_2,
  .menuUItop .li_2._on .div_3{display:block;}
  .menuUItop .a_2._active{color:#7c0019;}
  .menuUItop .li_2.haveChild .a_2._active::before{background:url(../../images/common/navi_have_on.png) no-repeat center;}
  .menuUItop .a_3._active{color:#7c0019;padding-left:20px;}
  .menuUItop .a_3._active::before{width:10px;}

  .navGap{display:none;}
}
@media all and (max-width:768px){
  .head_navi,
  .head_navi::before{width:100%;}
  .topM{padding-right:75px;}
  .topM img{max-width:130px;}
  .bgA,
  .bgB{top:83px;}
}


/********************
NAVIGATION_ACTIVE
********************/
.fix header,
.navOn header{background:#FFF;}
.fix .head_logo .logo_c,
.navOn .head_logo .logo_c{display:block;}
.fix .head_logo .logo_w,
.navOn .head_logo .logo_w{display:none;}
.fix .openLanguage,
.navOn .openLanguage{background:url(../../images/common/gnb_language_b.png) no-repeat center;}
.fix .gotoSitemap,
.navOn .gotoSitemap{background:url(../../images/common/gnb_menu_b.png) no-repeat center;}
.fix .openSearch,
.navOn .openSearch{background:url(../../images/common/gnb_search_b.png) no-repeat center;background-size:contain;}
.fix .gotoKor,
.navOn .gotoKor{background:url(../../images/common/gnb_language_b.png) no-repeat center;background-size:contain;}

/********************
NAVIGATION_DESKTOP_ACTIVE
********************/
@media all and (min-width:1281px){
  .fix header{top:-60px;}
  .fix .topLink a,
  .navOn .topLink a{font-size:13px;color:#272727;}
  .fix .topLink a::before,
  .navOn .topLink a::before{background:#272727;}
  .fix .head_logo .logo_c,
  .navOn .head_logo .logo_c{display:block;}
  .fix .head_logo .logo_w,
  .navOn .head_logo .logo_w{display:none;}
  .fix .menuUItop .div_2,
  .navOn .menuUItop .div_2{border-top:1px solid #e5e5e5;}
  .fix .menuUItop .a_1,
  .navOn .menuUItop .a_1{color:#272727;}
  .fix .menuUItop .li_1:hover .a_1::before,
  .navOn .menuUItop .li_1:hover .a_1::before{background:#7c0019;}
}


/********************
NAVIGATION_MOBILE_ACTIVE
********************/
@media all and (max-width:1281px){
  .fix .openNavi,
  .navOn .openNavi{background:url(../../images/common/gnb_menu_b.png) no-repeat center;background-size:contain;}
}


/********************
NEW WINDOW
********************/
.menuUItop .a_2.new_win{display:flex;align-items:center;}
.menuUItop .a_2.new_win::after{content:"";display:block;width:18px;height:16px;background:url(../../images/common/blank.png) right center no-repeat;background-size:12px;}
.menuUItop .a_3.new_win{display:flex;align-items:flex-start;}
.menuUItop .a_3.new_win span{max-width:calc(100% - 30px);}
.menuUItop .a_3.new_win::after{content:"";display:block;width:18px;height:16px;background:url(../../images/common/blank.png) right bottom no-repeat;background-size:12px;opacity:0.6;}
.menuUItop .a_3.new_win:hover::after{background:url(../../images/common/blank_on.png) right bottom no-repeat;background-size:12px;}

#_JW_sitemap_bass a.new_win{display:flex !important;align-items:center;}
#_JW_sitemap_bass a.new_win::after{content:"";display:block;width:18px;height:16px;background:url(../../images/common/blank.png) right center no-repeat;background-size:12px;}
#_JW_sitemap_bass a.new_win.stMp_Title{display:inline-block !important;}

@media all and (min-width:1281px){
  .menuUItop .li_2:hover .a_2.new_win::after{background:url(../../images/common/blank_w.png) right center no-repeat;background-size:12px;}
}


/****************************************
풋터
****************************************/
footer{background:#000 url(../../images/common/footer_bg.jpg) center;background-size:cover;position:relative;}
.foot_wrapper{padding:25px 60px 40px 60px;}

.foot_link{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #525356;margin-bottom:25px;padding:25px 0 15px 0;}
.foot_link a{font-size:16px;color:#FFF;font-family:'Pre Bold';margin:0 25px 10px 25px;padding-bottom:5px;position:relative;display:inline-block;}
.foot_link a::before{content:"";display:block;width:100%;background:#FFF;height:2px;position:absolute;left:0;bottom:0;transform:scale(0);transition:0.2s;}
.foot_link a:hover::before{transform:scale(1);}

.foot_nav{border-bottom:1px solid #525356;margin-bottom:25px;padding-bottom:25px;}
.foot_nav .dep1{display:flex;justify-content:space-between;}
.foot_nav .dep1 > li > a{font-size:15px;color:#d7c9b1;font-family:'Pre Bold';padding-bottom:5px;margin-bottom:5px;}
.foot_nav .dep2 > li > a{font-size:14px;color:#b2b2b2;font-family:'Pre Medium';}
.foot_nav a{position:relative;display:inline-block;}
.foot_nav a::before{content:"";display:block;width:100%;position:absolute;left:0;bottom:0;transform:scale(0);transition:0.2s;}
.foot_nav .dep1 > li > a::before{background:#FFF;height:2px;}
.foot_nav .dep2 > li > a::before{background:#b2b2b2;height:1px;}
.foot_nav .dep1 > li:hover > a,
.foot_nav .dep2 > li > a:hover{color:#FFF;}
.foot_nav .dep1 > li:hover > a::before,
.foot_nav .dep2 > li > a:hover::before{transform:scale(1);}


.foot_container{display:flex;align-items:center;justify-content:space-between;}
.foot_info{display:flex;position:relative;}
.foot_info::before{content:"";display:block;width:170px;height:55px;margin-right:40px;background:url(../../images/common/footer_logo.png) no-repeat left center;}
.foot_info div{font-size:14px;color:#b2b2b2;font-family:'Pre Bold';width:calc(100% - 210px);}
.foot_info p{margin-top:5px;font-family:'Pre Medium';}

.foot_sns{display:flex;justify-content:flex-end;align-items:center;}
.foot_sns a{width:40px;height:40px;display:block;text-indent:-9999px;margin-left:25px;transition:0.2s;}
.foot_sns a.foot_sns_linked {background: url(../../images/common/footer_linked.png) no-repeat center;}
.foot_sns a.foot_sns_insta{background:url(../../images/common/footer_insta.png) no-repeat center;}
.foot_sns a.foot_sns_face{background:url(../../images/common/footer_face.png) no-repeat center;}
.foot_sns a.foot_sns_tube{background:url(../../images/common/footer_ytube.png) no-repeat center;}
.foot_sns a.foot_sns_blog{background:url(../../images/common/footer_blog.png) no-repeat center;}
.foot_sns a.foot_sns_linked:hover {background: url(../../images/common/footer_linked_on.png) no-repeat center;}
.foot_sns a.foot_sns_insta:hover{background:url(../../images/common/footer_insta_on.png) no-repeat center;}
.foot_sns a.foot_sns_face:hover{background:url(../../images/common/footer_face_on.png) no-repeat center;}
.foot_sns a.foot_sns_tube:hover{background:url(../../images/common/footer_ytube_on.png) no-repeat center;}
.foot_sns a.foot_sns_blog:hover{background:url(../../images/common/footer_blog_on.png) no-repeat center;}
@media all and (max-width:1280px) {
  .foot_link{flex-wrap:wrap;justify-content:flex-start;}
  .foot_link a{margin-left:0;}
  .foot_nav .dep1{flex-wrap:wrap;}
  .foot_nav .dep1 > li{width:20%;margin-bottom:30px;}
  .foot_container{flex-wrap:wrap;}
  .foot_info{width:100%;}
  .foot_sns{width:100%;justify-content:flex-start;margin-top:30px;}
  .foot_sns a{margin-left:0;margin-right:25px;}
}
@media all and (max-width:768px) {
  .foot_wrapper{padding:20px;}
  .foot_nav .dep1 > li{width:33.3%;}
  .foot_info{flex-wrap:wrap;}
  .foot_info::before{width:100%;height:45px;margin-right:0;background-size:150px;}
  .foot_info div{padding:10px 0 0 40px;width:100%;}
  .foot_sns{padding-left:40px;}
  .foot_sns a{width:30px;height:30px;background-size:30px !important;margin-right:15px;}
}



/****************************************
고탑
****************************************/
.goto_top a{display:block;text-indent:-9999px;background:url(../../images/common/goTop.png) no-repeat center;width:64px;height:64px;position:fixed;bottom:-100px;right:20px;opacity:0.5;transition: 1s;}
.fix .goto_top a{bottom:30px;}
@media all and (max-width:768px) {
  .goto_top a{width:50px;height:50px;opacity:0.8;border-radius:100%;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .goto_top a:hover{opacity:1;}
}


/****************************************
서브페이지
****************************************/
.wrap_sub{position:fixed;top:0;left:0;width:100%;height:700px;z-index:1;}
.fix .wrap_sub{z-index:unset;}

/********************
서브비주얼
********************/
.sub_visual{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.sub_visual .visualObj{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover !important;}
.sub_visual .visualObj::before{content:"";display:block;width:100%;height:80px;position:absolute;bottom:0;left:0;background-size:cover !important;filter:blur(10px);}
.sub_visual .container{height:100%;}
.sub_visual .container::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0);opacity:1;transition:1s;}
.sub_visual a{display:none !important;}
.sub_visual .visual_intro{width:90%;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.sub_visual .visual_intro strong{color:#FFF;font-family:'Pre Black';font-size:50px;line-height:1;letter-spacing:-1px;display:block;}
.sub_visual .visual_intro span{display:none;}
.sub_visual .visual_intro span::before{content:"GLOBAL RESIDENCE CAMPUS. KU SEJONG";color:#FFF;font-family:'Play Regular';font-size:14px;line-height:1;letter-spacing:-0.5px;display:block;padding-bottom:2px;}
.sub_visual .visual_intro span::after{content:"개척하는 지성의 산실, 고려대힉교 세종캠퍼스";color:#FFF;font-size:13px;font-family:'Noto Regular';line-height:1;}

.eQ01 .sub_visual .visualObj,
.eQ01 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_1.jpg) no-repeat center bottom;}
.eQ02 .sub_visual .visualObj,
.eQ02 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_2.jpg) no-repeat center bottom;}
.eQ03 .sub_visual .visualObj,
.eQ03 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_3.jpg) no-repeat center bottom;}
.eQ04 .sub_visual .visualObj,
.eQ04 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_4.jpg) no-repeat center bottom;}
.eQ05 .sub_visual .visualObj,
.eQ05 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_5.jpg) no-repeat center bottom;}
.eQ06 .sub_visual .visualObj,
.eQ06 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_6.jpg) no-repeat center bottom;}
.eQ07 .sub_visual .visualObj,
.eQ07 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_7.jpg) no-repeat center bottom;}
.eQ08 .sub_visual .visualObj,
.eQ08 .sub_visual .visualObj::before{background:url(../../images/sub/sub_visual_8.jpg) no-repeat center bottom;}


@media all and (max-width:768px) {
  .wrap_sub{height:300px;}
  .sub_visual .visual_intro strong{font-size:30px;}
}
/*애니메이션*/
.fix .sub_visual .visualObj{}
.fix .sub_visual .container::before{background:rgba(0,0,0,0.3);z-index:1;}

.sub_visual .visualObj{animation-name:subVisual;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{filter:blur(10px);transform:scale(1.5);}
  100%{filter:blur(0);transform:scale(1);}
}
.sub_visual .visual_intro strong{animation-name:subVisualText_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_1{
  0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0);}
}
.sub_util{animation-name:sub_util;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sub_util{
  0%{opacity:0;transform:translateY(100px);}
  100%{opacity:1;transform:translateY(0);}
}

/********************
유틸메뉴
********************/
.sub_util{position:absolute;left:50%;top:50%;margin:55px 0 0 -123px;z-index:1;}
.fix .sub_util{z-index:unset;}
.sub_util .container{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;}
.sub_util .container > ul{display:flex;justify-content:center;}
.sub_util .container > ul > li{display:flex;align-items:center;}
.sub_util .container > ul > li > button{display:block;width:50px;height:50px;margin:0 15px;text-indent:-9999px;border:1px solid rgba(255,255,255,1);border-radius:100%;}
.sub_util .sub_print{background:url(../../images/sub/icon_print_w.png) no-repeat center; background-size: 24px;}
.sub_util .sub_favo{background:url(../../images/sub/icon_favorite_w.png) no-repeat center; background-size: 24px;}
.sub_util .sub_share{background:url(../../images/sub/icon_share_w.png) no-repeat center; background-size: 24px;}
.sub_util .sub_print:hover,
.sub_util .sub_favo:hover,
.sub_util .sub_share:hover{background-color:#272727;border-color:#272727;}
@media all and (min-width:1921px) {
  .sub_util .sub_print { background-size: 24px; }
  .sub_util .sub_favo { background-size: 24px; }
  .sub_util .sub_share { background-size: 20px; }
}

/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;left:13px;top:-19px;padding:20px;width:220px;background:#FFF;z-index:1;border-radius:40px;}
.box_sub_favo::before{content:"";display:block;width:50px;height:50px;background:#000 url(../../images/sub/icon_favorite_w.png) no-repeat center;border-radius:100%;margin:0 auto;}
.box_sub_favo  > strong{display:block;font-family:'Pre Bold';font-size:14px;color:#141111;text-align:center;padding:10px 0;margin-bottom:10px;}
.box_sub_favo ul{border-bottom:1px solid #EEE;border-top:1px solid #EEE;padding:10px 0;}
.box_sub_favo ul li{font-size:14px;color:#141111;padding:3px 0 3px 15px;position:relative;}
.box_sub_favo ul li a span{display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:37px;top:80px;width:16px;height:16px;background:url(../../images/sub/icon_x_b.png) no-repeat center;}
.box_sub_favo .del{text-indent:-9999px;position:absolute;left:0;top:6px;width:9px;height:13px;margin-right:10px;background:url(../../images/sub/icon_minus_r.png) no-repeat center;}
.box_sub_favo .control{text-align:center;padding:15px 0;}
.box_sub_favo .control button{display:inline-block;padding-left:20px;margin:0 5px;color:#141111;font-size:14px;}
.box_sub_favo .control button.add{background:url(../../images/sub/icon_plus_b.png) no-repeat left center;}
.box_sub_favo .control button.reset{background:url(../../images/sub/icon_reset_b.png) no-repeat left center;}
/*SNS공유*/
.box_sub_share{display:none;position:absolute;right:6px;top:-19px;z-index:1;background:#FFF;border-radius:50px;padding:20px 10px 30px 10px;}
.box_sub_share::before{content:"";display:block;width:50px;height:50px;background:#000 url(../../images/sub/icon_share_w.png) no-repeat center;border-radius:100%;margin:0 auto;}
.box_sub_share .close{width:16px;height:16px;text-indent:-9999px;background:url(../../images/sub/icon_x_b.png) no-repeat center;position:absolute;left:calc(50% - 8px);bottom:15px;}
.box_sub_share ul{border-bottom:1px solid #EEE;border-top:1px solid #EEE;padding:5px 0;margin:10px 0;}
.box_sub_share ul li{margin:5px 0;}
.box_sub_share ul button{display:block;font-size:0;margin:0 auto;}
.box_sub_share ul button::before{content:"";display:block;width:40px;height:40px;opacity:1;}
.box_sub_share .insta::before{background:url(../../images/sub/icon_insta.png) no-repeat center center;}
.box_sub_share .facebook::before{background:url(../../images/sub/icon_face.png) no-repeat center center;}
.box_sub_share .blog::before{background:url(../../images/sub/icon_blog.png) no-repeat center center;}
.box_sub_share .ytube::before{background:url(../../images/sub/icon_ytube.png) no-repeat center center;}
.box_sub_share .addr::before{background:url(../../images/sub/icon_url.png) no-repeat center center;}
@media all and (max-width:1280px) {
  .sub_util{margin-left:-80px;}
  .sub_util .sub_print{display:none !important;}
  .box_sub_favo{left:-25px;}
}
@media all and (max-width:768px) {
  .sub_util{margin:40px 0 0 -60px;}
  .sub_util .container > ul > li > button{width:40px;height:40px;margin:0 10px;}
  .box_sub_favo{left:-50px;top:-120px;}
  .box_sub_share{right:6px;top:-9px;padding:10px 5px 30px 5px;}
  .box_sub_share::before{width:40px;height:40px;}
  .box_sub_share ul button::before{width:35px;height:35px;background-size:100% !important;}
}


/********************
현재위치
********************/
.sub_navi{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid rgba(255,255,255,0.5);}
.sub_navi .container{}
.sub_navi .container::before{content:"";display:block;width:100%;height:100%;position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.2);}
.sub_navi .container::after{content:"";display:block;width:61px;height:72px;position:absolute;right:0;bottom:0;background:url(../../images/common/edge_1.png) no-repeat right top; background-size:cover; }
.sub_navi .container > ul{display:flex;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto;position:relative;}
.sub_navi .container > ul > li{display:flex;align-items:center;position:relative;width:100%;}
.sub_navi .container > ul > li > button{display:flex;justify-content:space-between;align-items:center;padding:0 50px;width:100%;height:79px;font-family:'Pre Bold';font-size:18px;color:#FFF;border-right:1px solid rgba(255,255,255,0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_navi .container > ul > li > button::after{content:"";display:block;width:14px;height:10px;background:url(../../images/sub/locationNav_down_w.png) no-repeat center;transition:0.5s;}
.sub_navi .container > ul > li.home{display:flex;align-items:center;width:20%;max-width:80px;}
.sub_navi .container > ul > li.home a{display:block;padding:0;width:100%;height:100%;text-indent:-9999px;background:url(../../images/sub/icon_home_w.png) no-repeat center;border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}
.sub_navi .container > ul > li ul{display:none;background:#FFF;padding:20px 50px;width:100%;max-height:240px;overflow-y:auto;position:absolute;left:0;bottom:80px;border:1px solid #e5e5e5;border-bottom:0;}
.sub_navi .container > ul > li ul li{}
.sub_navi .container > ul > li ul li a{display:block;font-family:'Pre Bold';font-size:18px;padding:7px 0;color:#222;transition:0.5s;}
.sub_navi .container > ul > li.active{background:#FFF;}
.sub_navi .container > ul > li.active button{color:#272727;}
.sub_navi .container > ul > li.active button::after{transform:rotate(-180deg);background:url(../../images/sub/locationNav_down_b.png) no-repeat center;}
.sub_navi .container > ul > li.active ul{display:block;}
@media all and (max-width:1740px) {
  .sub_navi .container > ul{max-width:calc(100% - 61px);margin:0;}
  .sub_navi .container > ul > li:last-child > button{border:0;} 
}
@media all and (max-width:768px) {
  .sub_navi .container > ul{max-width:calc(100% - 50px);}
  .sub_navi .container > ul > li{display:none;}
  .sub_navi .container > ul > li.home,
  .sub_navi .container > ul > li:last-child{display:block;}
  .sub_navi .container > ul > li.home{width:50px;max-width:unset;}
  .sub_navi .container > ul > li:last-child{width:calc(100% - 50px);}
  .sub_navi .container > ul > li > button{padding:0 20px;height:50px;} 
  .sub_navi .container::after{width:50px;height:50px;background-size:40px;}
  .sub_navi .container > ul > li ul{bottom:51px;padding:15px;}
  .sub_navi .container > ul > li ul li a{font-size:16px;padding:4px 0;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .sub_navi .container > ul > li.home:hover a{background:url(../../images/sub/icon_home_b.png) no-repeat center;}
  .sub_navi .container > ul > li:hover{background:#FFF;}
  .sub_navi .container > ul > li:hover button{color:#272727;}
  .sub_navi .container > ul > li:hover > button::after{background:url(../../images/sub/locationNav_down_b.png) no-repeat center;}
  .sub_navi .container > ul > li ul li a:hover{color:#7c0019;}
}

@media all and (min-width:1921px) {
  .sub_navi .container > ul > li > button::after{background-size: 14px;}
  .sub_navi .container > ul > li.home a{background-size: 19px;}
  .sub_navi .container > ul > li.home:hover a{background-size: 19px;}
  .sub_navi .container > ul > li.active button::after{background-size: 14px; }
}



/****************************************
컨텐츠 영역
****************************************/
.sub .wrap_contents{position:relative;padding-top:700px;}
.sub .wrap_contents .container{background:#FFF;}
.sub .wrap_contents .inner{padding:80px 60px 300px 60px;max-width:80%;margin:0 auto;}
@media all and (max-width:1920px) {
  .sub .wrap_contents .inner{max-width:1500px;}
}
@media all and (max-width:1280px) {
  .sub .wrap_contents .inner{max-width:100%;padding-left:20px;padding-right:20px;padding-bottom:200px;}
}
@media all and (max-width:768px) {
  .sub .wrap_contents{padding-top:300px;}
  .sub .wrap_contents .inner{padding-top:40px;padding-bottom:100px;}
}



/****************************************
타이틀
****************************************/
.page_title{margin-bottom:40px;}
.page_title h1{font-size:50px;color:#272727;font-family:'Pre Black';text-align:center;line-height:1;}
.page_title h1::after{content:"";display:block;background:#7c0019;margin:40px auto;width:60px;height:4px;}
@media all and (max-width:1280px) {
}
@media all and (max-width:768px) {
  .page_title h1{font-size:30px;}
  .page_title h1::after{margin:20px auto 40px auto;}
}


/********************
SUBMENU
********************/
.subNav{position:relative;}
.subNav .sub_div{margin-bottom:40px;position:relative;z-index:1;}
.subNav .menuSubTitleUI{display:none;}
.subNav .li_3 > .a_3{display:none;}
.subNav .div_4{display:none;}
.subNav .li_3._active .div_4{display:block;}

.subNav .ul_4{display:flex;align-items:flex-end;}
.subNav .li_4{width:100%;height:50px;margin:2px 2px 0 0;background:#f4f4f4;line-height:1;transition:0.3s;}
.subNav .a_4{font-size:18px;color:#555;font-family:'Pre Bold';padding:0 20px;width:100%;height:100%;text-align:center;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.subNav .li_4._active{height:60px;background:#8b0029;}
.subNav .a_4._active{color:#FFF;}
@media all and (max-width:1280px) {
}
@media all and (max-width:768px) {
  .subNav .ul_4{flex-wrap:wrap;}
  .subNav .li_4{width:unset;height:45px;}
  .subNav .li_4._active{height:50px;}
  .subNav .a_4{font-size:16px;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .subNav .li_4:hover{height:60px;}
}


/********************
TABMENU
********************/
.tabNav .tab_div{margin:30px 0;}
.tabNav .tab_div > ul{display:flex;justify-content:flex-start;}
.tabNav .tab_div > ul > li{display:flex;align-items:center;margin-bottom:10px;}
.tabNav .tab_div > ul > li > a{font-size:16px;color:#555;line-height:1.2;padding-bottom:5px;font-family:'Pre Medium';display:block;position:relative;}
.tabNav .tab_div > ul > li::after{content:"";display:block;width:1px;height:10px;background:#555;margin:-5px 15px 0 15px;}
.tabNav .tab_div > ul > li:last-child::after{display:none;}
.tabNav .tab_div > ul > li > a::before{content:"";display:block;width:100%;height:1px;background:#999;position:absolute;left:0;bottom:0;transform:scale(0);}
.tabNav .tab_div > ul > li > a._active::before{background:#000;transform:scale(1);}
.tabNav .tab_div > ul > li > a._active{color:#000;font-family:'Pre Bold';}
@media all and (max-width:1280px) {
  .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{margin-top:20px;}
  .tabNav .tab_div > ul > li{margin:0 10px 10px 0;}
  .tabNav .tab_div > ul > li::after{display:none;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .tabNav .tab_div > ul > li > a:hover::before{transform:scale(1);transition:0.5s;}
}


/****************************************
편집화면
****************************************/
.editMode.sub .wrap_sub{z-index:unset;}


/****************************************
4K대응
****************************************/
@media all and (min-width:1921px){
  .head_logo img{width:163px;}
}